Provide z-index centralisation for lower components

5 files changed, 7 insertions, 5 deletions

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index a7be8e1af..d9dace16b 100644
--- 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 a55e78326..33b88825f 100644
--- 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 573a64987..c13105e94 100644
--- 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 c92f773e4..ae79c2ff6 100644
--- 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 0c37cd68a..4ef8e17b9 100644
--- 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,