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

place recycle link roughly where it will go in the cart.

Browse source 
patch an issue found with scrolling when modal open
This commit is contained in:
Bill Richardson 2024-03-13 11:22:52 -04:00
parent 1e871812d6
commit 8d29cfb797
2 changed files with 27 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -16,6 +16,7 @@
<div <div
id="cart-table" id="cart-table"
class="cart-table"> class="cart-table">
<!-- Deductible Line Item -->
<div <div
id="cart-deductible-or-base-price" id="cart-deductible-or-base-price"
class="mt-4 cart-line-item color-gray-100 px-5 py-1"> class="mt-4 cart-line-item color-gray-100 px-5 py-1">
@ -38,22 +39,26 @@
<span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span> <span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
</div> </div>
</div> </div>
<!-- This next block of code will go inside the cart -->
<!-- *********************************************** --> <!-- Packaged Cart Items -->
<br />
<textLink <!-- Nonpackaged Cart Items -->
linkType="text" <!-- This will be a loop when this is implemented -->
text="Recycling" <div class="non-packaged-cart-item">
href="javascript:void(0)" <textLink
@clickEvent="openModal(recyclingModalCmsWidgetName)" /> linkType="text"
<!-- *********************************************** --> text="Recycling"
<!-- This block of code above, will go inside the cart --> href="javascript:void(0)"
<contentGroupModal @clickEvent="openModal(recyclingModalCmsWidgetName)" />
ref="RecycleModal" </div>
cmsWidgetName="RecycleModal">
<textBlock cmsWidgetName="RecycleTextBlock" /> <!-- Sub total, sales tax, total columns -->
</contentGroupModal>
</div> </div>
<contentGroupModal
ref="RecycleModal"
cmsWidgetName="RecycleModal">
<textBlock cmsWidgetName="RecycleTextBlock" />
</contentGroupModal>
</div> </div>
</template> </template>
@ -73,8 +78,9 @@ export default {
textBlock, textBlock,
textLink }, textLink },
props: { props: {
showAsPaid: Boolean, amountDueLabel: String,
amountDueLabel: String recyclingModalCmsWidgetName: String,
showAsPaid: Boolean
}, },
data() { data() {
const { currentDeductible } = useMainStore().order; const { currentDeductible } = useMainStore().order;

4
src/styles/common-styles.scss
View file

@ -78,6 +78,10 @@ body {
// Prevent scroll when modal is open // Prevent scroll when modal is open
&.modal-open { &.modal-open {
div.page-container-grouped-styles {
overflow: hidden;
}
.fade-on-route-transition { .fade-on-route-transition {
overflow: hidden; overflow: hidden;
} }