Make cookie consent component not to receive mouse events when closed

NASA-IMPACT · Sep 26, 2024 · fb3889e · fb3889e
1 parent 8967eaf
commit fb3889e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/scripts/components/common/cookie-consent/index.scss b/app/scripts/components/common/cookie-consent/index.scss
@@ -1,3 +1,7 @@
 .animation--fade-out {
   transition: opacity 0.5s ease-in-out 0.125s;
 }
+
+.pointer-events--none {
+  pointer-events: none;
+}
diff --git a/app/scripts/components/common/cookie-consent/index.tsx b/app/scripts/components/common/cookie-consent/index.tsx
@@ -57,7 +57,7 @@ export const CookieConsent = ({
     <div
       id='cookie-consent'
       className={`margin-0 tablet:margin-2 shadow-2 position-fixed z-top maxw-full tablet:maxw-tablet-lg animation--fade-out right-0 bottom-0 ${
-        cookieConsentResponded || closeConsent ? ' opacity-0' : 'opacity-1'
+        cookieConsentResponded || closeConsent ? ' opacity-0 z-bottom pointer-events--none' : 'opacity-1 z-top'
       }`}
     >
       <USWDSAlert