rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

Fix x-paddings for select (with floating label, and in Firefox) (#34008)

Browse Source
This commit is contained in:
Gaël Poupard 2021-05-25 07:31:30 +02:00 committed by GitHub
parent 993b533dc6
commit bdde9b50a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/forms/_floating-labels.scss
View File

@ -4,7 +4,6 @@
> .form-control, > .form-control,
> .form-select { > .form-select {
height: $form-floating-height; height: $form-floating-height;
padding: $form-floating-padding-y $form-floating-padding-x;
} }
> label { > label {
@ -21,6 +20,8 @@
// stylelint-disable no-duplicate-selectors // stylelint-disable no-duplicate-selectors
> .form-control { > .form-control {
padding: $form-floating-padding-y $form-floating-padding-x;
&::placeholder { &::placeholder {
color: transparent; color: transparent;
} }

2
scss/forms/_form-select.scss
View File

@ -7,6 +7,8 @@
display: block; display: block;
width: 100%; width: 100%;
padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x; padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
// stylelint-disable-next-line property-no-vendor-prefix
-moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
font-family: $form-select-font-family; font-family: $form-select-font-family;
@include font-size($form-select-font-size); @include font-size($form-select-font-size);
font-weight: $form-select-font-weight; font-weight: $form-select-font-weight;