aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-02-21 21:25:27 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-02-21 21:25:55 +0100
commit555fdc8c79d6577b1fb048ac928b8376a81ffd67 (patch)
tree13c8677231adbcf00039aff8b08a563ed9767097 /client/src
parent97eae8382eed6267f8f1e04e5aa47b314111c06c (diff)
downloadPeerTube-555fdc8c79d6577b1fb048ac928b8376a81ffd67.tar.gz
PeerTube-555fdc8c79d6577b1fb048ac928b8376a81ffd67.tar.zst
PeerTube-555fdc8c79d6577b1fb048ac928b8376a81ffd67.zip
Provide z-index centralisation for lower components
Diffstat (limited to 'client/src')
-rw-r--r--client/src/app/app.component.scss2
-rw-r--r--client/src/app/header/search-typeahead.component.scss2
-rw-r--r--client/src/app/shared/video/video-thumbnail.component.scss2
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss1
-rw-r--r--client/src/sass/include/_variables.scss5
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,