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

SSR-306 fix position of modal close button (when open).

Browse source
This commit is contained in:
Bryan Mauger 2023-03-08 15:23:26 -05:00
parent 2145be049e
commit 0430992cb3
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/iss-components/site-header/menu-modal/menu-modal.vue
View file

@ -24,21 +24,21 @@
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header visually-hidden">
<h5 class="modal-title" id="footerModalLabel">Footer Navigation</h5>
<h5 class="modal-title" id="footerModalLabel">Footer Navigation</h5>
</div>
<div class="modal-body d-flex flex-column">
<textLink linkType="navigation" text="Terms of use" href="https://www.safelite.com/terms-of-use" target="_blank" />
<textLink
linkType="navigation"
text="Your privacy choices"
href="//www.safelite.com/privacy-center"
target="_blank"
<textLink
linkType="navigation"
text="Your privacy choices"
href="//www.safelite.com/privacy-center"
target="_blank"
>
<template v-slot:after-text>
<img
class="ccpa-icon"
src="~@/assets/img/icons/ccpa-icon.svg"
alt="Your privacy choices"
alt="Your privacy choices"
data-id="ccpa-icon"
/>
</template>
@ -52,7 +52,7 @@
</div>
</div>
</template>
<script>
import textLink from "@/ux-components/text-link/text-link";
export default {
@ -81,7 +81,7 @@
}
}
</script>
<style lang="scss" scoped>
.menu-modal-container {
position: absolute;
@ -102,7 +102,7 @@
align-items: center;
padding: 0;//Required to prevent 'squish' on iPhone
z-index: 1050;
.bar1,
.bar1,
.bar2,
.bar3 {
width: 14px;
@ -163,6 +163,7 @@
box-shadow: none;
background-color: $white;
position: relative;
right: -.5rem;
display: flex;
flex-direction: column;
justify-content: center;