jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #293 from Safelite/feature/CSR-262

Browse source 
Feature/csr 262
This commit is contained in:
bmauger 2022-03-21 16:13:28 -04:00 committed by GitHub
commit 70d69d8057
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/styles/common-error-styles.scss
View file

@ -1,15 +1,18 @@
.has-error { .has-error {
&.list-button, &.list-button,
&.list-card { &.list-card {
border: 1px solid $gray-500; border: 1px solid $red;
color: $red; color: $red;
label { label {
box-shadow: 0 0 1px $red; box-shadow: 0 0 1px $red;
border-radius: .5rem; border-radius: .5rem;
} }
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {
box-shadow: 0 0 0 2.5px $red;
}
} }
input[type=checkbox]:focus + label,
input[type=radio]:focus + label,
input[type=checkbox]:checked + label, input[type=checkbox]:checked + label,
input[type=radio]:checked + label { input[type=radio]:checked + label {
box-shadow: 0 0 0 2.5px transparent !important; box-shadow: 0 0 0 2.5px transparent !important;
@ -19,6 +22,10 @@
label { label {
border: 1px solid $red; border: 1px solid $red;
} }
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {
box-shadow: 0 0 0 2.5px $red;
}
} }
&.ui-radio, &.ui-radio,
&.ui-checkbox { &.ui-checkbox {

16
src/ux-components/list-card/list-card.vue
View file

@ -209,17 +209,23 @@ export default {
} }
} }
&:focus + label {
box-shadow: 0 0 0 2.5px $blue;
border-radius: 0.5rem;
}
&:checked + label { &:checked + label {
background: $blue-100; background: $blue-100;
box-shadow: 0 0 0 1px $blue; box-shadow: 0 0 0 1px $blue;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
&:focus + label {
box-shadow: 0 0 0 2.5px $blue;
border-radius: 0.5rem;
}
&:checked {
&:focus + label {
box-shadow: 0 0 0 2.5px $blue;
}
}
&:checked + label { &:checked + label {
p { p {
color: $black; color: $black;