diff options
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 @@ | |||
21 | display: flex; | 21 | display: flex; |
22 | 22 | ||
23 | .top-left-block { | 23 | .top-left-block { |
24 | z-index: z(headerLeft); | 24 | z-index: 1; |
25 | height: $header-height; | 25 | height: $header-height; |
26 | display: flex; | 26 | display: flex; |
27 | align-items: center; | 27 | 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 @@ | |||
30 | .jump-to-suggestions { | 30 | .jump-to-suggestions { |
31 | top: 100%; | 31 | top: 100%; |
32 | left: 0; | 32 | left: 0; |
33 | z-index: 35; | 33 | z-index: z(typeahead); |
34 | width: 100%; | 34 | width: 100%; |
35 | } | 35 | } |
36 | 36 | ||
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 @@ | |||
25 | border-radius: 3px; | 25 | border-radius: 3px; |
26 | font-size: 12px; | 26 | font-size: 12px; |
27 | font-weight: $font-bold; | 27 | font-weight: $font-bold; |
28 | z-index: 1; | 28 | z-index: z(miniature); |
29 | } | 29 | } |
30 | 30 | ||
31 | .video-thumbnail-duration-overlay { | 31 | .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 { | |||
462 | .privacy-concerns { | 462 | .privacy-concerns { |
463 | position: fixed; | 463 | position: fixed; |
464 | bottom: 0; | 464 | bottom: 0; |
465 | z-index: z(privacymsg); | ||
465 | 466 | ||
466 | padding: 5px 15px; | 467 | padding: 5px 15px; |
467 | 468 | ||
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: ( | |||
102 | /*** z-index groups ***/ | 102 | /*** z-index groups ***/ |
103 | 103 | ||
104 | $zindex: ( | 104 | $zindex: ( |
105 | miniature : 10, | ||
106 | privacymsg : 20, | ||
107 | typeahead : 30, | ||
105 | header : 1000, | 108 | header : 1000, |
106 | /* header context */ | ||
107 | headerLeft : 10, | ||
108 | menu : 11000, | 109 | menu : 11000, |
109 | dropdown : 12000, | 110 | dropdown : 12000, |
110 | popover : 13000, | 111 | popover : 13000, |