Fix regression of #48180 (#49580)

* Fix regression of #48180

* Add changefile(s) from automation for the following project(s): woocommerce-blocks

* Fix one more bug in the dropdown styling (#49585)

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Sam Seay <samueljseay@gmail.com>
This commit is contained in:
Niels Lange 2024-07-16 21:46:39 +02:00 committed by GitHub
parent 7335645b70
commit d3574290b7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 5 deletions

View File

@ -4,7 +4,7 @@
.wc-blocks-components-select__container {
border-radius: $universal-border-radius;
box-sizing: border-box;
border: 1px solid $universal-border-light;
border: 1px solid $universal-border-strong;
background: #fff;
width: 100%;
height: 50px;
@ -27,16 +27,21 @@
@include reset-typography();
@include font-size(regular);
border-radius: $universal-border-radius;
border: none;
width: 100%;
height: 100%;
appearance: none;
background: none;
padding: em($gap) em($gap-smaller) 0;
color: currentColor;
color: $input-text-active;
&:focus {
outline: 0;
box-shadow: 0 0 0 1px currentColor;
box-shadow: 0 0 0 1px inherit;
}
.has-dark-controls & {
color: $input-text-dark;
}
}
@ -49,7 +54,7 @@
top: 0;
transform-origin: top left;
transition: all 200ms ease;
color: currentColor;
color: $input-text-active;
z-index: 1;
margin: 0;
overflow: hidden;
@ -73,6 +78,10 @@
top: 50%;
right: $gap-small;
pointer-events: none;
fill: currentColor;
fill: $input-text-active;
.has-dark-controls & {
fill: $input-text-dark;
}
}
}

View File

@ -0,0 +1,4 @@
Significance: patch
Type: tweak
Comment: Ensure that the labels and input values of the native input fields remain visible.