Feat: allow custom z-index via --cc-z-index (ref. #501)

orestbida · Apr 20, 2023 · 91e1877 · 91e1877
1 parent a1cd6f9
commit 91e1877
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 5 deletions.
diff --git a/dist/cookieconsent.css b/dist/cookieconsent.css
diff --git a/dist/cookieconsent.esm.js b/dist/cookieconsent.esm.js
diff --git a/dist/cookieconsent.umd.js b/dist/cookieconsent.umd.js
diff --git a/dist/css-components/base.css b/dist/css-components/base.css
diff --git a/src/core/modals/index.js b/src/core/modals/index.js
@@ -16,7 +16,6 @@ export const createMainContainer = (api) => {
  dom._ccMain.id = 'cc-main';
 
  dom._ccMain.style.position = 'fixed';
- dom._ccMain.style.zIndex = '2147483647';
 
  handleRtlLanguage();
 

diff --git a/src/scss/core/_base.scss b/src/scss/core/_base.scss
@@ -13,6 +13,7 @@
  --cc-btn-gap: 5px;
  --cc-link-color: var(--cc-btn-primary-bg);
  --cc-modal-margin: 1em;
+ --cc-z-index: 2147483647;
 }
 
 #cc-main {
@@ -27,6 +28,7 @@
  position: relative;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
+ z-index: var(--cc-z-index);
 
  &.cc--rtl{
  direction: rtl;