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

Merge pull request #374 from Safelite/SSR-547-re-add-header-button

Browse source 
CSR-547 reinsert secondary button for accessibility.
This commit is contained in:
bmauger 2023-07-24 09:24:34 -04:00 committed by GitHub
commit 3c27c9614a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,13 @@
</div> </div>
<!-- Modal --> <!-- Modal -->
<div class="modal menu-modal fade" data-bs-backdrop="false" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true"> <div class="modal menu-modal fade" data-bs-backdrop="false" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true">
<div class="menu-modal-container">
<button class="menu-button" type="button" :class="[isActive ? 'active' : '']" aria-label="Hamburger Menu (modal window)" @click="toggle()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</button>
</div>
<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">
@ -159,7 +166,7 @@ export default {
position: absolute; position: absolute;
padding: 1.47rem 1rem 1.47rem 1.47rem; padding: 1.47rem 1rem 1.47rem 1.47rem;
right: .5rem; right: .5rem;
top: -5.0rem; top: -4.5rem;
button { button {
border: none; border: none;
&.menu-button { &.menu-button {

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

@ -58,7 +58,7 @@ body {
overflow: auto; overflow: auto;
} }
// Prevent scroll when modal is open // Prevent scroll when modal is open
.modal-open { &.modal-open {
.fade-on-route-transition { .fade-on-route-transition {
overflow: hidden; overflow: hidden;
} }
@ -70,4 +70,4 @@ body {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
} }
} }