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

Merge pull request #241 from Safelite/feature/SSR-391

Browse source 
SSR-391
This commit is contained in:
Jason Wheeler 2023-04-17 09:48:08 -04:00 committed by GitHub
commit f898bd8fea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/styles/client-customizations.scss
View file

@ -33,9 +33,7 @@ $limu-button-color: #A9E3E9;
color: $limu-button-text-color !important; color: $limu-button-text-color !important;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important; box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
} }
&:focus {
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
}
} }
} }

7
src/ux-components/button-main/button-main.vue
View file

@ -68,10 +68,7 @@ export default {
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%); background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
} }
&:focus { // Mouse, touch, stylus focus
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
}
&:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
@ -93,7 +90,7 @@ export default {
&.has-loader { &.has-loader {
color: $white; color: $white;
background: $blue-700; background: $blue-700;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
} }
&.delay { &.delay {
// fixes flicker while transitioning between states // fixes flicker while transitioning between states

7
src/ux-components/modal-button-main/modal-button-main.vue
View file

@ -75,10 +75,8 @@ export default {
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%); background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
} }
&:focus {
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700; // Mouse, touch, stylus focus
}
&:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
@ -100,7 +98,6 @@ export default {
&.has-loader { &.has-loader {
color: $white; color: $white;
background: $blue-700; background: $blue-700;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
pointer-events: none; pointer-events: none;
} }
&.delay { &.delay {