Merge pull request #364 from Safelite/brm-fix-validate-border-color

Update border color for input (validation).
2022-04-21 17:04:15 -04:00 · 2022-04-21 17:04:15 -04:00 · 37d599cd1e
commit 37d599cd1e
parent 35b57185d2 32fc80bbad
1 changed files with 12 additions and 0 deletions
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@ -73,6 +73,18 @@ html {
            border-radius: .5rem;
          }
        }
+        input:checked:focus {
+          + label {
+            box-shadow: 0 0 0 1px $blue;
+            border-radius: .5rem;
+          }
+        }
+        input:checked:not(:focus) {
+          + label {
+            box-shadow: 0 0 0 1px $blue;
+            border-radius: .5rem;
+          }
+        }
        input:focus {
          border: 1px solid $gray-500;
          + label {