From bdde9b50a65a51a521a8ab98d3d9fb9d904425f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <ffoodd@users.noreply.github.com> Date: Tue, 25 May 2021 07:31:30 +0200 Subject: [PATCH] Fix x-paddings for select (with floating label, and in Firefox) (#34008) --- scss/forms/_floating-labels.scss | 3 ++- scss/forms/_form-select.scss | 2 ++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 8b2e2b8eb6..09d9294dc5 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -4,7 +4,6 @@ > .form-control, > .form-select { height: $form-floating-height; - padding: $form-floating-padding-y $form-floating-padding-x; } > label { @@ -21,6 +20,8 @@ // stylelint-disable no-duplicate-selectors > .form-control { + padding: $form-floating-padding-y $form-floating-padding-x; + &::placeholder { color: transparent; } diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss index 15d5061ad6..70256255a7 100644 --- a/scss/forms/_form-select.scss +++ b/scss/forms/_form-select.scss @@ -7,6 +7,8 @@ display: block; width: 100%; 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; @include font-size($form-select-font-size); font-weight: $form-select-font-weight;