Improve cookie consent UX (#13111)

pulumi · Oct 11, 2024 · baf3608 · baf3608
1 parent 448e309
commit baf3608
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 85 deletions.
diff --git a/assets/css/bundle.css b/assets/css/bundle.css
diff --git a/assets/css/marketing.css b/assets/css/marketing.css
@@ -1,3 +1,6 @@
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/_marketing.scss ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! tailwindcss v2.2.15 | MIT License | https://tailwindcss.com */
 
 /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

diff --git a/assets/js/bundle.js b/assets/js/bundle.js
diff --git a/assets/js/marketing.js b/assets/js/marketing.js
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -369,16 +369,17 @@
                 preferencesDialogContent: preferencesDialogContent,
                 cancelDialogTitle: cancelDialogTitle,
                 cancelDialogContent: cancelDialogContent,
-                shouldRequireConsent: () => true,
+                shouldRequireConsent: exports.inEU,
                 closeBehavior: exports.inEU() ? "dismiss" : "accept",
                 bannerTextColor: "black",
                 cdnHost: "evs.analytics.pulumi.com",
+                shouldReload: false
             }
         }
     </script>
 
     <script
-        src="https://unpkg.com/@segment/consent-manager@5.3.0/standalone/consent-manager.js"
+        src="https://unpkg.com/@segment/consent-manager@5.8.1/standalone/consent-manager.js"
         defer
     ></script>
 

diff --git a/theme/src/scss/main.scss b/theme/src/scss/main.scss
@@ -393,25 +393,22 @@ section.newsletter-input pulumi-hubspot-form input.hs-input {
     @apply rounded;
 }
 
+#segment-consent-manager:empty {
+    @apply hidden;
+}
 #segment-consent-manager {
 
-    > div:first-child {
-        @apply text-black fixed bottom-0 right-0 left-0 p-2 m-4 border-2 border-violet-600 rounded-lg shadow-lg;
-        z-index: 99999;
+    @apply text-black fixed bottom-0 right-0 left-0 p-2 m-4 border-2 border-violet-600 rounded-lg shadow-lg;
+    z-index: 99999;
 
-        @screen lg {
-            @apply w-1/3 left-auto m-4 overflow-hidden p-2;
-        }
+    @screen lg {
+        @apply w-1/3 left-auto m-4 overflow-hidden p-2;
     }
 
     div {
        @apply bg-white;
     }
-
-    div:empty {
-        @apply hidden;
-    }
-
+
     p {
         @apply text-black text-left text-sm pr-2;