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

CASH-54 update hover state for list-button-horizontal buttons

Browse source
This commit is contained in:
Bryan Mauger 2025-01-21 14:14:12 -05:00
parent e5737badf7
commit e92fa4b119
1 changed files with 119 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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: .5rem;
border-bottom-left-radius: .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: .5rem;
border-bottom-right-radius: .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: .5rem;
border-bottom-left-radius: .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: .5rem;
border-bottom-right-radius: .5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
}
}
}
}
</style> </style>