From 8e9782da0422e462b1cbb35fc330e1260ba622a7 Mon Sep 17 00:00:00 2001 From: Tommaso Allegretti Date: Tue, 12 Dec 2023 19:57:36 +0100 Subject: [PATCH 1/2] change floating label placeholder color --- scss/forms/_floating-labels.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 2cf04704da72..75e1215d5c55 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -23,6 +23,7 @@ pointer-events: none; border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model transform-origin: 0 0; + color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity}); @include transition($form-floating-transition); } @@ -56,7 +57,6 @@ > .form-control-plaintext, > .form-select { ~ label { - color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity}); transform: $form-floating-label-transform; &::after { @@ -73,7 +73,6 @@ // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped > .form-control:-webkit-autofill { ~ label { - color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity}); transform: $form-floating-label-transform; } } From 9a6447441d4451e73d26a65e59303f7bb0aa0176 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Fri, 5 Jan 2024 12:54:18 +0100 Subject: [PATCH 2/2] Fix CI --- scss/forms/_floating-labels.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 75e1215d5c55..1a6efc0a4096 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -17,13 +17,13 @@ height: 100%; // allow textareas padding: $form-floating-padding-y $form-floating-padding-x; overflow: hidden; + color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity}); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model transform-origin: 0 0; - color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity}); @include transition($form-floating-transition); }