fix(snackbar): z-index

Co-authored-by: S. Amir Mohammad Najafi <[email protected]>
Alwatr · Feb 3, 2023 · 7212201 · 7212201
1 parent 3ba4c5c
commit 7212201
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/ui/ui-kit/src/snackbar/element.ts b/ui/ui-kit/src/snackbar/element.ts
@@ -35,6 +35,7 @@ export class AlwatrSnackbar extends AlwatrSurface {
         bottom: calc(2 * var(--sys-spacing-track));
         left: calc(3 * var(--sys-spacing-track));
         right: calc(3 * var(--sys-spacing-track));
+        z-index: var(--sys-zindex-snackbar);
         border-radius: var(--sys-radius-xsmall);
 
         box-sizing: border-box;

diff --git a/ui/ui-kit/style/token/z-index.css b/ui/ui-kit/style/token/z-index.css
@@ -9,6 +9,7 @@
   --sys-zindex-backdrop: 400;
   --sys-zindex-modal: 500;
   --sys-zindex-popover: 600;
-  --sys-zindex-tooltip: 700;
+  --sys-zindex-snackbar: 700;
+  --sys-zindex-tooltip: 800;
   --sys-zindex-topness: 900;
 }