Merge pull request #2221 from Safelite/feature/CASH-122

Feature/cash 122 css bug fix
This commit is contained in:
AdamCaouetteSafelite 2025-01-17 17:05:11 -05:00 committed by GitHub
commit a19b66cee8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 4 deletions

View file

@ -128,7 +128,7 @@ export default {
@include blue-gradient; @include blue-gradient;
} }
&:focus, // 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;
box-shadow: box-shadow:

View file

@ -143,11 +143,12 @@ export default {
} }
} }
.skip-button { .btn.btn-secondary.skip-button {
order: 4; order: 4;
position: relative; position: relative;
color: $black; color: $black;
border: none; border: none;
border-radius: .25rem;
font-weight: 900; font-weight: 900;
font-size: 0.875rem; font-size: 0.875rem;
text-align: center; text-align: center;
@ -164,12 +165,17 @@ export default {
&:hover, &:hover,
&:active, &:active,
&:focus, &:focus {
&:focus-visible {
color: $blue-700; color: $blue-700;
background: none; background: none;
box-shadow: none; box-shadow: none;
} }
&:focus-visible {
outline: none;
box-shadow:
0 0 0 3px $white,
0 0 0 5.5px $blue-300;
}
&.delay { &.delay {
// fixes flicker while transitioning between states // fixes flicker while transitioning between states