Feat: allow custom z-index via --cc-z-index

orestbida · Apr 20, 2023 · 9707cce · 9707cce
1 parent 1b5a013
commit 9707cce
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/dist/cookieconsent.css b/dist/cookieconsent.css
diff --git a/dist/cookieconsent.js b/dist/cookieconsent.js
diff --git a/src/cookieconsent.css b/src/cookieconsent.css
@@ -3,6 +3,7 @@
     --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --cc-font-size: 16px;
     --cc-bg: #fff;
+    --cc-z-index: 2147483647;
     --cc-text: #2d4156;
     --cc-border-radius: .35em;
     --cc-btn-primary-bg: #2d4156;
@@ -57,6 +58,10 @@
     --cc-webkit-scrollbar-bg-hover: #9199a0;
 }
 
+#cc-main {
+    z-index: var(--cc-z-index);
+}
+
 .cc_div *,
 .cc_div *:hover,
 .cc_div :before,

diff --git a/src/cookieconsent.js b/src/cookieconsent.js
@@ -968,7 +968,6 @@
 
             // Fix layout flash
             main_container.style.position = "fixed";
-            main_container.style.zIndex = "2147483647";
             main_container.innerHTML = '<div id="cc_div" class="cc_div"></div>'
             all_modals_container = main_container.children[0];