From 348455fb02f3bd2ca699cfc4f05e88167b477edd Mon Sep 17 00:00:00 2001 From: Seghir Nadir Date: Fri, 13 Sep 2024 12:13:40 +0200 Subject: [PATCH] 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 --- .../assets/js/base/components/select/style.scss | 10 +++++++--- .../51332-fix-focus-style-select-checkout-block | 4 ++++ 2 files changed, 11 insertions(+), 3 deletions(-) create mode 100644 plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block diff --git a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss index ac375550c48..1b6e25935cb 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss @@ -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 & { diff --git a/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block b/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block new file mode 100644 index 00000000000..da9cb8df7b4 --- /dev/null +++ b/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block @@ -0,0 +1,4 @@ +Significance: patch +Type: fix + +Add focus styles to the Checkout block select field. \ No newline at end of file