Merge branch 'feature/digital/SSR-1135' of https://github.com/Safelite/DigitalConsumer.ISS into feature/digital/SSR-1133

This commit is contained in:
Michaela Brydon 2024-03-08 15:31:34 -05:00
commit 8b7c0eb5bf
2 changed files with 13 additions and 12 deletions

View file

@ -9,8 +9,8 @@
aria-label="expand cart details"
href="javascript:void(0)"
class="col d-flex justify-content-between py-0">
<span class="label color-black">{{ amountDueLabel }}</span>
<span class="label amount-due">{{ getDisplayed(amountDue) }}</span>
<span class="cart-label color-black">{{ amountDueLabel }}</span>
<span class="cart-label amount-due">{{ getDisplayed(amountDue) }}</span>
</a>
</div>
<div
@ -18,14 +18,14 @@
class="cart-table">
<div
id="cart-deductible-or-base-price"
class="mt-4 line-item color-gray-100 px-5 py-1">
class="mt-4 cart-line-item color-gray-100 px-5 py-1">
<div
v-if="showDeductibleLineItem"
id="cart-deductible"
class="d-flex justify-content-between align-items-center">
<span
id="deductible-label"
class="label">{{ deductibleLabel }}</span>
class="cart-label">{{ deductibleLabel }}</span>
<span id="deductible-value">{{ getDisplayed(deductible) }}</span>
</div>
<div
@ -34,7 +34,7 @@
class="d-flex justify-content-between align-items-center">
<span
id="base-price-label"
class="label">{{ basePriceLabel }}</span>
class="cart-label">{{ basePriceLabel }}</span>
<span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
</div>
</div>
@ -134,7 +134,7 @@ export default {
background-color: $gray-100;
}
.line-item {
.cart-line-item {
color: $darker-gray;
}
@ -144,12 +144,8 @@ export default {
overflow: hidden;
visibility: hidden;
}
e3
.cart-toggle {
.amount-due {
color: $green;
}
.cart-toggle {
&:after {
content: "";
transition: all 0.5s ease;
@ -176,9 +172,13 @@ e3
a {
text-decoration: none;
}
.label {
.cart-label {
font-weight: $font-weight-bold;
line-height: 1.625;
}
.amount-due {
color: $green;
}
}
</style>

View file

@ -9,6 +9,7 @@
href="javascript:void(0)"
class="col d-flex justify-content-between py-0">
<span class="label">Appointment details</span>
<span>Testing</span>
</a>
</div>
<div class="review-table px-4">