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

Merge pull request #2235 from Safelite/CASH-54-update-hover-state-on-list-button-horiz

Browse source 
Cash 54 update hover state on list button horizontal
This commit is contained in:
bmauger 2025-01-21 14:30:19 -05:00 committed by GitHub
commit 560a90b44c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 121 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/router/index.js
View file

@ -96,7 +96,8 @@ const routes = [
// if entering the funnel from the content site, check and see if there is already a funnel cookie. // if entering the funnel from the content site, check and see if there is already a funnel cookie.
// if so, send them to return-user page. // if so, send them to return-user page.
const funnelCookieLastTouched = getFunnelCookie()?.LastTouched; const funnelCookieLastTouched = getFunnelCookie()?.LastTouched;
if (fromContentSite && if (
fromContentSite &&
funnelCookieLastTouched !== null && funnelCookieLastTouched !== null &&
funnelCookieLastTouched !== undefined && funnelCookieLastTouched !== undefined &&
!toReturnUserPage !toReturnUserPage

122
src/ux-components/list-button-horizontal/list-button-horizontal.vue
View file

@ -83,7 +83,6 @@ export default {
.list-button-horizontal-content { .list-button-horizontal-content {
outline: none; outline: none;
position: relative; position: relative;
background: $white;
transition: all 150ms linear; transition: all 150ms linear;
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: 0; border-radius: 0;
@ -110,8 +109,8 @@ export default {
} }
.list-button-horizontal-content:hover { .list-button-horizontal-content:hover {
background-color: $blue-700; background-color: transparent;
color: $white; color: $blue;
box-shadow: none; box-shadow: none;
} }
@ -220,4 +219,121 @@ export default {
} }
} }
} }
// Special styles when there are multiple list-button-horizontal buttons
// (number of chips, pay w/cash/insurance)
.windshield-chip-count-question {
fieldset {
.d-flex {
.col {
&:first-child {
label {
&.list-group.list-button-horizontal {
z-index: 2;
&:hover {
background-color: $white;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
}
}
}
}
fieldset {
.d-flex {
.col {
label {
&.list-group.list-button-horizontal {
&:hover {
background-color: $white;
border-radius: 0;
}
}
}
}
}
}
fieldset {
.d-flex {
.col {
&:last-child {
label {
&.list-group.list-button-horizontal {
z-index: 2;
&:hover {
background-color: $white;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
}
}
}
}
}
//NOT Windshiled Chip Count
fieldset {
.d-flex {
.col {
&:first-child {
label {
&.list-group.list-button-horizontal {
z-index: 6;
&:hover {
background-color: $white;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
}
}
}
}
fieldset {
.d-flex {
.col {
label {
&.list-group.list-button-horizontal {
&:hover {
background-color: $white;
border-radius: 0;
}
}
}
}
}
}
fieldset {
.d-flex {
.col {
&:last-child {
label {
&.list-group.list-button-horizontal {
z-index: 6;
&:hover {
background-color: $white;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
}
}
}
}
</style> </style>