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

CSR-262: fix missing focus outline on checked buttons

Browse source
This commit is contained in:
Adam Caouette 2022-03-19 10:29:55 -04:00
parent 6a7fc87235
commit de44616680
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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;