feat: use new layers

mondaycom · Feb 4, 2024 · 9996217 · 9996217
1 parent dad1d93
commit 9996217
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Dialog/DialogContent/DialogContent.module.scss b/src/components/Dialog/DialogContent/DialogContent.module.scss
@@ -1,6 +1,7 @@
 @import "~monday-ui-style/dist/mixins";
 
 .contentWrapper {
+  z-index: var(--layer-popover);
   outline: 0;
 
   &.top,

diff --git a/src/components/Modal/Modal.module.scss b/src/components/Modal/Modal.module.scss
@@ -5,7 +5,8 @@
 }
 
 .container {
-  --monday-modal-z-index: 10000;
+  --monday-modal-z-index: var(--layer-modal);
+  // TODO: use --modal-layer in next major
   z-index: var(--monday-modal-z-index);
   display: flex;
   justify-content: center;

diff --git a/src/components/Tipseen/Tipseen.module.scss b/src/components/Tipseen/Tipseen.module.scss
@@ -1,5 +1,9 @@
 @import "../../styles/typography";
 
+.tipseenDialog {
+  z-index: var(--layer-popover);
+}
+
 .tipseenWrapper {
   min-width: 100px;
   min-height: 40px;

diff --git a/src/components/Tipseen/Tipseen.tsx b/src/components/Tipseen/Tipseen.tsx
@@ -176,6 +176,7 @@ const Tipseen: VibeComponent<TipseenProps> & {
           modifiers={modifiers}
           open={defaultDelayOpen ? delayedOpen : undefined}
           forceRenderWithoutChildren={floating}
+          dialogClassName={styles.tipseenDialog}
         >
           {children}
         </Tooltip>

diff --git a/src/components/Tooltip/Tooltip.module.scss b/src/components/Tooltip/Tooltip.module.scss
@@ -1,6 +1,8 @@
 @import "../../styles/typography";
 
-$tooltip-z-index: 9999999999999999;
+.tooltipDialog {
+  z-index: var(--layer-tooltip);
+}
 
 .tooltip {
   position: relative;