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

Fix list-button-horizontal

Browse source
This commit is contained in:
Bryan Mauger 2023-04-28 08:55:28 -04:00
parent af384c40df
commit c2ede83502
1 changed files with 54 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -158,65 +158,67 @@ export default {
} }
} }
.col, .windshield-chip-count-question {
.list-group { .col,
border-radius: 0; .list-group {
border-radius: 0;
&:first-of-type { &:first-of-type {
.list-button-horizontal { .list-button-horizontal {
border-bottom-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
border-top-left-radius: 0.5rem; border-top-left-radius: 0.5rem;
.list-button-horizontal-content { .list-button-horizontal-content {
border-bottom-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
border-top-left-radius: 0.5rem; border-top-left-radius: 0.5rem;
} }
} }
} }
&:last-of-type { &:last-of-type {
.list-button-horizontal { .list-button-horizontal {
border-bottom-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
border-top-right-radius: 0.5rem; border-top-right-radius: 0.5rem;
.list-button-horizontal-content { .list-button-horizontal-content {
border-bottom-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
border-top-right-radius: 0.5rem; border-top-right-radius: 0.5rem;
} }
} }
} }
//Cash/insurance styling //Cash/insurance styling
&:first-of-type { &:first-of-type {
.list-button-horizontal.strong { .list-button-horizontal.strong {
input[type="radio"] { input[type="radio"] {
&:checked + .list-button-horizontal-content { &:checked + .list-button-horizontal-content {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
&:checked:focus + .list-button-horizontal-content { &:checked:focus + .list-button-horizontal-content {
border-bottom-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
border-top-right-radius: 0.5rem; border-top-right-radius: 0.5rem;
} }
} }
} }
} }
&:last-of-type { &:last-of-type {
.list-button-horizontal.strong { .list-button-horizontal.strong {
input[type="radio"] { input[type="radio"] {
&:checked + .list-button-horizontal-content { &:checked + .list-button-horizontal-content {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
} }
&:checked:focus + .list-button-horizontal-content { &:checked:focus + .list-button-horizontal-content {
border-bottom-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
border-top-left-radius: 0.5rem; border-top-left-radius: 0.5rem;
} }
} }
} }
} }
}
} }
</style> </style>