Fix problem where Cookie Consent bar blocks other elements even after it has been...

diff --git a/resources/views/privacy/cookies-consent.blade.php b/resources/views/privacy/cookies-consent.blade.php
index 3c19a77ff756eb559fab210266f0c80278f08b48..ce7e12b101fcca6e074d79e2b5202566c2866a9f 100644 (file)
--- a/resources/views/privacy/cookies-consent.blade.php
+++ b/resources/views/privacy/cookies-consent.blade.php
@@ -1,8 +1,12 @@
-@if(!isset($_COOKIE['privacy-cookie-consent']) || $_COOKIE['privacy-cookie-consent']!='1')
-    <div id="cookie-consent">
-        @markdown($global->get('cookies_consent_text'))
-        <button>{{$global->cookies_consent_button}}</button>
+@if (!isset($_COOKIE['privacy-cookie-consent']) || $_COOKIE['privacy-cookie-consent'] != '1')
+
+    <div id="cookie-consent" class="cookie-consent-wrapper">
+        <div class="cookie-consent-text">
+            @markdown($global->get('cookies_consent_text'))
+        </div>
+        <button class="cookie-consent-button">{{ $global->cookies_consent_button }}</button>
     </div>
+
     <style type="text/css">
         #cookie-consent {
             position: fixed;
@@ -14,8 +18,10 @@
 
         #cookie-consent.hide {
             opacity: 0;
+            pointer-events: none;
         }
     </style>
+
     <script>
         document.addEventListener('DOMContentLoaded', function () {
             document.querySelector('#cookie-consent button').addEventListener('click', function () {
@@ -28,4 +34,5 @@
             });
         })
     </script>
-@endif
\ No newline at end of file
+
+@endif