Add focus styles for select in Checkout block (#51332)
* Add focus styles for select * Add changefile(s) from automation for the following project(s): woocommerce-blocks --------- Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
parent
1b28b0f1ca
commit
348455fb02
|
@ -18,7 +18,7 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
background-color: $input-background-dark;
|
background-color: $input-background-dark;
|
||||||
color: $input-text-dark;
|
color: $input-text-dark;
|
||||||
box-shadow: 0 0 0 2px $input-border-gray;
|
box-shadow: 0 0 0 2px $input-border-dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -40,12 +40,16 @@
|
||||||
color: $input-text-active;
|
color: $input-text-active;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: 0;
|
outline: none;
|
||||||
box-shadow: 0 0 0 1px inherit;
|
box-shadow: 0 0 0 2px $input-border-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-dark-controls & {
|
.has-dark-controls & {
|
||||||
color: $input-text-dark;
|
color: $input-text-dark;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: 0 0 0 2px $input-border-dark;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-error & {
|
.has-error & {
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
Significance: patch
|
||||||
|
Type: fix
|
||||||
|
|
||||||
|
Add focus styles to the Checkout block select field.
|
Loading…
Reference in New Issue