aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-02-13 15:09:31 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-02-13 15:09:36 +0100
commit36f2981f7d586cea206e4c143c18cf866a4e3acd (patch)
treeb1704dc4711499e226fd108c5b8062ec5731b664 /client/src/app
parent5a208b004ad147091586f2d3eafaca07eaa021c4 (diff)
downloadPeerTube-36f2981f7d586cea206e4c143c18cf866a4e3acd.tar.gz
PeerTube-36f2981f7d586cea206e4c143c18cf866a4e3acd.tar.zst
PeerTube-36f2981f7d586cea206e4c143c18cf866a4e3acd.zip
Manage z-indexes in variables
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/app.component.scss4
-rw-r--r--client/src/app/core/hotkeys/hotkeys.component.scss4
-rw-r--r--client/src/app/menu/menu.component.scss2
3 files changed, 6 insertions, 4 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 51a7a3dd1..7a6710829 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -16,12 +16,12 @@
16 top: 0; 16 top: 0;
17 width: 100%; 17 width: 100%;
18 background-color: var(--mainBackgroundColor); 18 background-color: var(--mainBackgroundColor);
19 z-index: 1000; 19 z-index: z(header);
20 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); 20 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
21 display: flex; 21 display: flex;
22 22
23 .top-left-block { 23 .top-left-block {
24 z-index: 1001; 24 z-index: z(headerLeft);
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/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index 3aa0b6252..02c8c59aa 100644
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -1,3 +1,5 @@
1@import '_mixins';
2
1.cfp-hotkeys-container { 3.cfp-hotkeys-container {
2 display: flex !important; 4 display: flex !important;
3 align-items: center; 5 align-items: center;
@@ -23,7 +25,7 @@
23} 25}
24 26
25.cfp-hotkeys-container.fade.in { 27.cfp-hotkeys-container.fade.in {
26 z-index: 10002; 28 z-index: z(hotkeys);
27 visibility: visible; 29 visibility: visible;
28 opacity: 1; 30 opacity: 1;
29} 31}
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index dd718a091..43654504c 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -6,7 +6,7 @@
6 height: calc(100vh - #{$header-height}); 6 height: calc(100vh - #{$header-height});
7 padding: 0; 7 padding: 0;
8 width: $menu-width; 8 width: $menu-width;
9 z-index: 11000; 9 z-index: z(menu);
10} 10}
11 11
12menu { 12menu {