Provide z-index centralisation for lower components

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index a7be8e1afa6af7ca9239e148fb6cce4f839282c9..d9dace16bd34da8a828d1adaef37b4c87421d135 100644 (file)
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -21,7 +21,7 @@
   display: flex;
 
   .top-left-block {
-    z-index: z(headerLeft);
+    z-index: 1;
     height: $header-height;
     display: flex;
     align-items: center;

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index a55e78326694e666ced390d422bb04ac2a0e5101..33b88825f3b72359276886a199cbc9f2946301c7 100644 (file)
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -30,7 +30,7 @@
 .jump-to-suggestions {
   top: 100%;
   left: 0;
-  z-index: 35;
+  z-index: z(typeahead);
   width: 100%;
 }
 

diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss
index 573a64987002c04af5f41e30ba408b369777c503..c13105e94e570dc365e584d39523c2391786b131 100644 (file)
--- a/client/src/app/shared/video/video-thumbnail.component.scss
+++ b/client/src/app/shared/video/video-thumbnail.component.scss
@@ -25,7 +25,7 @@
     border-radius: 3px;
     font-size: 12px;
     font-weight: $font-bold;
-    z-index: 1;
+    z-index: z(miniature);
   }
 
   .video-thumbnail-duration-overlay {

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index c92f773e44e5af1c035ff3e8b5f8c6e9882f21d8..ae79c2ff6c19cf74d3f11a7177d7ab260b0fc4f6 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -462,6 +462,7 @@ my-video-comments {
 .privacy-concerns {
   position: fixed;
   bottom: 0;
+  z-index: z(privacymsg);
 
   padding: 5px 15px;
 

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 0c37cd68ac2f746a24a865259df93fb0f6f0e80e..4ef8e17b92c7d958b9f0ef279439e5d1a58b330b 100644 (file)
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -102,9 +102,10 @@ $variables: (
 /*** z-index groups ***/
 
 $zindex: (
+  miniature    :    10,
+  privacymsg   :    20,
+  typeahead    :    30,
   header       :  1000,
-  /* header context */
-  headerLeft   :    10,
   menu         : 11000,
   dropdown     : 12000,
   popover      : 13000,