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

Fix text input and select error styles on focus (https://github.com/woocommerce/woocommerce-blocks/pull/2974)

This commit is contained in:
Albert Juhé Lluveras 2020-08-11 11:55:26 +02:00 committed by GitHub
parent 145db3ff5d
commit 339c0532f1
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,7 +29,16 @@
&.has-error {
.components-custom-select-control__button {
border-color: $error-red;
&,
&:hover,
&:focus,
&:active {
border-color: $error-red;
}
&:focus {
outline: 1px dotted $error-red;
outline-offset: 2px;
}
}
}

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

@ -64,9 +64,15 @@
}
&.has-error input {
border-color: $error-red;
&,
&:hover,
&:focus,
&:active {
border-color: $error-red;
}
&:focus {
outline-color: $error-red;
outline: 1px dotted $error-red;
outline-offset: 2px;
}
}