messages <> menu z-index conflict

moshfeu · Oct 13, 2019 · 2c6ee61 · 2c6ee61
1 parent 1e8479c
commit 2c6ee61
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/src/styles/components/main.scss b/src/styles/components/main.scss
@@ -16,6 +16,7 @@ a.has-underline {
     bottom: 10px;
     // to not block the user to click on the last video
     pointer-events: none;
+    z-index: $z-index-messages;
 
     a {
       pointer-events: all;

diff --git a/src/styles/components/menu.scss b/src/styles/components/menu.scss
@@ -4,7 +4,7 @@
   top: 0;
   left: 0;
   color: #fff;
-  z-index: 999;
+  z-index: $z-index-menu;
 
   .ui.floating.label.has-update-not {
     top: -5px;

diff --git a/src/styles/constants.scss b/src/styles/constants.scss
@@ -0,0 +1,3 @@
+$z-index-menu: 999;
+$z-index-messages: $z-index-menu + 1;
+// .ui.dimmer (semantic modal overlay) { z-index: 1000 }
diff --git a/src/styles/style.scss b/src/styles/style.scss
@@ -1,3 +1,4 @@
+@import './constants.scss';
 @import './colors.scss';
 @import './mixin.scss';
 @import './semantic-reset.scss';