From dadc008e0262366ccfefd375d2e8b6a86ddce38a Mon Sep 17 00:00:00 2001
From: Jen Breese-Kauth <jbreese@stanford.edu>
Date: Tue, 29 Oct 2024 18:33:16 +0000
Subject: [PATCH 1/2] FMS-7: stashing

---
 src/js/bondholders_subtheme.behaviors.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/js/bondholders_subtheme.behaviors.js b/src/js/bondholders_subtheme.behaviors.js
index 972e738..f08154d 100644
--- a/src/js/bondholders_subtheme.behaviors.js
+++ b/src/js/bondholders_subtheme.behaviors.js
@@ -31,7 +31,7 @@
         '</div>' +
         '</div>';
 
-      $(overlayHtml).insertBefore('#page-content')
+      $(overlayHtml).insertBefore('header')
         .attr('tabindex', '-1');
 
       var capture = $('#description');
@@ -72,21 +72,22 @@
             }
           });
 
-      $('.su-multi-menu, .page-content, footer').addClass('d-background').attr('aria-hidden', 'true');
+      $('header, .page-content, footer').attr('aria-hidden', 'true').addClass('d-background');
+
 
       $('.cookie-overlay').css('visibility', '');
 
       // If the cookie is already accepted.
       if (document.cookie.split(';').some((item) => item.trim().startsWith('accepted_disclaimer=yes'))) {
         $('.cookie-overlay').removeClass('d-block').addClass('d-none').css('visibility', 'hidden');
-        $('.su-multi-menu, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
+        $('header, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
       }
 
       // Set the cookie
       $('.accept-cookies').on('click', function () {
         document.cookie = 'accepted_disclaimer=yes; Max-Age=86400; path=/; secure;';
         $('.cookie-overlay').removeClass('d-block').addClass('d-none').css('visibility', 'visible');
-        $('.su-multi-menu, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
+        $('header, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
       });
     },
   };

From b465b57895220ce89062fbfbe79b1530a4d4db43 Mon Sep 17 00:00:00 2001
From: Jen Breese-Kauth <jbreese@stanford.edu>
Date: Tue, 29 Oct 2024 21:16:06 +0000
Subject: [PATCH 2/2] fixup

---
 dist/css/bondholders.css                 |  2 +-
 src/js/bondholders_subtheme.behaviors.js | 12 +++++-------
 src/scss/components/_pop-up.scss         |  7 +++----
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/dist/css/bondholders.css b/dist/css/bondholders.css
index 9c12ea5..e14a659 100644
--- a/dist/css/bondholders.css
+++ b/dist/css/bondholders.css
@@ -1 +1 @@
-.cookie-overlay{background:#fff;-webkit-box-shadow:0 2px 3px -1px rgba(0,0,0,.5);box-shadow:0 2px 3px -1px rgba(0,0,0,.5);margin:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:100px;position:absolute;top:110px;z-index:2051}.cookie-overlay>div:first-child{width:100%}.cookie-overlay.d-none{display:none}@media (max-width:991px){.cookie-overlay{background:#fff;border-radius:0;bottom:0;left:0;padding:50px;right:0}.cookie-overlay>div:first-child{width:auto}}.cookie-overlay button:focus,.cookie-overlay button:hover{outline:3px solid #d5d5d4}.d-background{background-color:#eaeaea;opacity:.1}.d-background a,.d-background button{cursor:default;pointer-events:none}.role--authenticated .cookie-overlay{top:190px}
\ No newline at end of file
+.cookie-overlay{background:#fff;-webkit-box-shadow:0 2px 3px -1px rgba(0,0,0,.5);box-shadow:0 2px 3px -1px rgba(0,0,0,.5);margin:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:100px;position:absolute;z-index:99999}.cookie-overlay>div:first-child{width:100%}.cookie-overlay.d-none{display:none}@media (max-width:991px){.cookie-overlay{background:#fff;border-radius:0;bottom:0;left:0;padding:50px;right:0}.cookie-overlay>div:first-child{width:auto}}.cookie-overlay button:focus,.cookie-overlay button:hover{outline:3px solid #d5d5d4}.d-background{background-color:#eaeaea;opacity:.1}.d-background a,.d-background button{cursor:default;pointer-events:none}.role--authenticated .cookie-overlay{top:190px}
\ No newline at end of file
diff --git a/src/js/bondholders_subtheme.behaviors.js b/src/js/bondholders_subtheme.behaviors.js
index f08154d..497a1d4 100644
--- a/src/js/bondholders_subtheme.behaviors.js
+++ b/src/js/bondholders_subtheme.behaviors.js
@@ -4,7 +4,7 @@
       // disclaimer cookie policy
       var overlayHtml =
 
-        '<div class="cookie-overlay p-4 d-block" role="dialog" style="visibility:hidden;" aria-labelledby="d-title" aria-describedby="description">' +
+        '<div class="cookie-overlay p-4 d-block" role="dialog" aria-modal="true" style="visibility:hidden;" aria-labelledby="d-title" aria-describedby="description">' +
         '<div class="d-flex" id="description">' +
 
         '<p id="dislaimer-intro">Please read the Disclaimer below and indicate your acceptance before entering the <strong>Office of the Treasurer</strong> website with information for bondholders and the Stanford community.</p>' +
@@ -31,8 +31,7 @@
         '</div>' +
         '</div>';
 
-      $(overlayHtml).insertBefore('header')
-        .attr('tabindex', '-1');
+      $(overlayHtml).insertBefore('.dialog-off-canvas-main-canvas');
 
       var capture = $('#description');
 
@@ -72,22 +71,21 @@
             }
           });
 
-      $('header, .page-content, footer').attr('aria-hidden', 'true').addClass('d-background');
-
+      $('.dialog-off-canvas-main-canvas').attr('aria-hidden', 'true').addClass('d-background');
 
       $('.cookie-overlay').css('visibility', '');
 
       // If the cookie is already accepted.
       if (document.cookie.split(';').some((item) => item.trim().startsWith('accepted_disclaimer=yes'))) {
         $('.cookie-overlay').removeClass('d-block').addClass('d-none').css('visibility', 'hidden');
-        $('header, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
+        $('.dialog-off-canvas-main-canvas').removeClass('d-background').attr('aria-hidden', 'false');
       }
 
       // Set the cookie
       $('.accept-cookies').on('click', function () {
         document.cookie = 'accepted_disclaimer=yes; Max-Age=86400; path=/; secure;';
         $('.cookie-overlay').removeClass('d-block').addClass('d-none').css('visibility', 'visible');
-        $('header, .page-content, footer').removeClass('d-background').attr('aria-hidden', 'false');
+        $('.dialog-off-canvas-main-canvas').removeClass('d-background').attr('aria-hidden', 'false');
       });
     },
   };
diff --git a/src/scss/components/_pop-up.scss b/src/scss/components/_pop-up.scss
index 7959f6b..4755402 100644
--- a/src/scss/components/_pop-up.scss
+++ b/src/scss/components/_pop-up.scss
@@ -6,9 +6,8 @@
   @include padding(100px);
 
   position: absolute;
-  top: 110px;
   background: $su-color-white;
-  z-index: 2051;
+  z-index: 99999;
   min-height: fit-content;
   box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.5);
 
@@ -34,7 +33,7 @@
   }
 
   button {
-    &:focus, 
+    &:focus,
     &:hover  {
       outline: 3px solid $su-color-black-20;
     }
@@ -45,7 +44,7 @@
   opacity: 0.1;
   background-color: $su-color-black-10;
 
-  a, 
+  a,
   button {
     pointer-events: none;
     cursor: default;