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

Merge pull request #190 from Safelite/SSR-306-fix-modall-close-button-position

Browse source 
SSR-306 fix position of modal close button (when open).
This commit is contained in:
bmauger 2023-03-08 15:33:15 -05:00 committed by GitHub
commit ddf9dbebf3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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-dialog modal-fullscreen">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header visually-hidden"> <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>
<div class="modal-body d-flex flex-column"> <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="Terms of use" href="https://www.safelite.com/terms-of-use" target="_blank" />
<textLink <textLink
linkType="navigation" linkType="navigation"
text="Your privacy choices" text="Your privacy choices"
href="//www.safelite.com/privacy-center" href="//www.safelite.com/privacy-center"
target="_blank" target="_blank"
> >
<template v-slot:after-text> <template v-slot:after-text>
<img <img
class="ccpa-icon" class="ccpa-icon"
src="~@/assets/img/icons/ccpa-icon.svg" src="~@/assets/img/icons/ccpa-icon.svg"
alt="Your privacy choices" alt="Your privacy choices"
data-id="ccpa-icon" data-id="ccpa-icon"
/> />
</template> </template>
@ -52,7 +52,7 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import textLink from "@/ux-components/text-link/text-link"; import textLink from "@/ux-components/text-link/text-link";
export default { export default {
@ -81,7 +81,7 @@
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.menu-modal-container { .menu-modal-container {
position: absolute; position: absolute;
@ -102,7 +102,7 @@
align-items: center; align-items: center;
padding: 0;//Required to prevent 'squish' on iPhone padding: 0;//Required to prevent 'squish' on iPhone
z-index: 1050; z-index: 1050;
.bar1, .bar1,
.bar2, .bar2,
.bar3 { .bar3 {
width: 14px; width: 14px;
@ -163,6 +163,7 @@
box-shadow: none; box-shadow: none;
background-color: $white; background-color: $white;
position: relative; position: relative;
right: -.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;