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

CSR-1731 make it so cart toggle can be tabbed to.

Browse source 
Prevent items in cart from being tabbed to when cart is collapsed.
This commit is contained in:
Bryan Mauger 2023-11-21 10:57:46 -05:00
parent 1c8dc5becc
commit 9e9254b85d
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/fmg-components/cart/cart.vue
View file

@ -5,10 +5,10 @@
class="row vin-toggle flex align-items-center pt-4"
:class="[isExpanded ? 'expanded' : '']"
@click="toggleIsExpanded()">
<div class="col d-flex justify-content-between">
<span class="label">{{ amountDueText }}</span
><span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
</div>
<a href="#!" tabindex="0" class="col d-flex justify-content-between py-0">
<span class="label">{{ amountDueText }}</span>
<span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
</a>
</div>
<div class="price-table">
<div class="service-type">
@ -746,6 +746,7 @@ export default {
color: $gray;
}
.label {
color: $black;
font-weight: 500;
}
.amount-due {
@ -755,6 +756,7 @@ export default {
max-height: 0;
transition: all 350ms ease-in;
overflow: hidden;
visibility: hidden;
div {
display: flex;
@ -858,6 +860,10 @@ export default {
transition: all 150ms ease-in;
overflow: hidden;
padding-top: 1rem;
visibility: visible;
}
a {
text-decoration: none;
}
}
}