Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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:
Seghir Nadir 2024-09-13 12:13:40 +02:00 committed by GitHub
parent 1b28b0f1ca
commit 348455fb02
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
View File

@ -18,7 +18,7 @@
&:focus {
background-color: $input-background-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;
&:focus {
outline: 0;
box-shadow: 0 0 0 1px inherit;
outline: none;
box-shadow: 0 0 0 2px $input-border-gray;
}
.has-dark-controls & {
color: $input-text-dark;
&:focus {
box-shadow: 0 0 0 2px $input-border-dark;
}
}
.has-error & {

4
plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Add focus styles to the Checkout block select field.