From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 10 Sep 2019 13:20:25 +0000 (+0200)
Subject: Fix problem where Cookie Consent bar blocks other elements even after it has been... 
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=848ad9c49ae9eaa4b64478a2c2300604add5f740;p=cubist_cms-front.git

Fix problem where Cookie Consent bar blocks other elements even after it has been closed. Also add some extra CSS classes for better styling hooks in the future. Wait #2745 @0.25
---

diff --git a/resources/views/privacy/cookies-consent.blade.php b/resources/views/privacy/cookies-consent.blade.php
index 3c19a77..ce7e12b 100644
--- 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