From c2ede835026e158eb28bfd4f7a47961e3dff406b Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Fri, 28 Apr 2023 08:55:28 -0400 Subject: [PATCH] Fix list-button-horizontal --- .../list-button-horizontal.vue | 106 +++++++++--------- 1 file changed, 54 insertions(+), 52 deletions(-) diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue index a092a5f1..8373276c 100644 --- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue +++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue @@ -158,65 +158,67 @@ export default { } } -.col, -.list-group { - border-radius: 0; +.windshield-chip-count-question { + .col, + .list-group { + border-radius: 0; - &:first-of-type { - .list-button-horizontal { - border-bottom-left-radius: 0.5rem; - border-top-left-radius: 0.5rem; + &:first-of-type { + .list-button-horizontal { + border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; - .list-button-horizontal-content { - border-bottom-left-radius: 0.5rem; - border-top-left-radius: 0.5rem; - } - } - } + .list-button-horizontal-content { + border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; + } + } + } - &:last-of-type { - .list-button-horizontal { - border-bottom-right-radius: 0.5rem; - border-top-right-radius: 0.5rem; + &:last-of-type { + .list-button-horizontal { + border-bottom-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; - .list-button-horizontal-content { - border-bottom-right-radius: 0.5rem; - border-top-right-radius: 0.5rem; - } - } - } + .list-button-horizontal-content { + border-bottom-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + } + } - //Cash/insurance styling - &:first-of-type { - .list-button-horizontal.strong { - input[type="radio"] { - &:checked + .list-button-horizontal-content { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } + //Cash/insurance styling + &:first-of-type { + .list-button-horizontal.strong { + input[type="radio"] { + &:checked + .list-button-horizontal-content { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } - &:checked:focus + .list-button-horizontal-content { - border-bottom-right-radius: 0.5rem; - border-top-right-radius: 0.5rem; - } - } - } - } + &:checked:focus + .list-button-horizontal-content { + border-bottom-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + } + } + } - &:last-of-type { - .list-button-horizontal.strong { - input[type="radio"] { - &:checked + .list-button-horizontal-content { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } + &:last-of-type { + .list-button-horizontal.strong { + input[type="radio"] { + &:checked + .list-button-horizontal-content { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } - &:checked:focus + .list-button-horizontal-content { - border-bottom-left-radius: 0.5rem; - border-top-left-radius: 0.5rem; - } - } - } - } + &:checked:focus + .list-button-horizontal-content { + border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; + } + } + } + } + } }