aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/bootstrap.scss8
-rw-r--r--client/src/sass/include/_variables.scss20
-rw-r--r--client/src/sass/loading-bar.scss5
-rw-r--r--client/src/sass/primeng-custom.scss3
4 files changed, 28 insertions, 8 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 035270e89..a17d9c048 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -19,7 +19,7 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
19} 19}
20 20
21.dropdown { 21.dropdown {
22 z-index: 10001 !important; 22 z-index: z(dropdown) !important;
23} 23}
24 24
25.dropdown-menu { 25.dropdown-menu {
@@ -176,7 +176,11 @@ ngb-tabset.bootstrap {
176} 176}
177 177
178ngb-modal-backdrop { 178ngb-modal-backdrop {
179 z-index: 10000 !important; 179 z-index: z(modal) - 1 !important;
180}
181
182ngb-modal-window {
183 z-index: z(modal) !important;
180} 184}
181 185
182.btn-outline-tertiary { 186.btn-outline-tertiary {
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index e087a2548..d0e1a8c9c 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -93,8 +93,24 @@ $variables: (
93 --embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor) 93 --embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor)
94); 94);
95 95
96/*** theme helper ***/
97
98@function var($variable) { 96@function var($variable) {
99 @return map-get($variables, $variable); 97 @return map-get($variables, $variable);
100} 98}
99
100/*** z-index groups ***/
101
102$zindex: (
103 header : 1000,
104 /* header context */
105 headerLeft : 10,
106 menu : 11000,
107 dropdown : 12000,
108 loadbar : 13000,
109 modal : 14000,
110 notification : 15000,
111 hotkeys : 16000
112);
113
114@function z($label) {
115 @return map-get($zindex, $label);
116}
diff --git a/client/src/sass/loading-bar.scss b/client/src/sass/loading-bar.scss
index 7d687d479..d584b7c67 100644
--- a/client/src/sass/loading-bar.scss
+++ b/client/src/sass/loading-bar.scss
@@ -1,3 +1,4 @@
1@import '_mixins';
1// Thanks: https://github.com/aitboudad/ngx-loading-bar/blob/master/loading-bar.css 2// Thanks: https://github.com/aitboudad/ngx-loading-bar/blob/master/loading-bar.css
2 3
3/* Make clicks pass-through */ 4/* Make clicks pass-through */
@@ -20,7 +21,7 @@
20 21
21 background: var(--mainColor); 22 background: var(--mainColor);
22 position: fixed; 23 position: fixed;
23 z-index: 10002; 24 z-index: z(loadbar);
24 top: 0; 25 top: 0;
25 left: 0; 26 left: 0;
26 width: 100%; 27 width: 100%;
@@ -50,7 +51,7 @@
50#loading-bar-spinner { 51#loading-bar-spinner {
51 display: block; 52 display: block;
52 position: fixed; 53 position: fixed;
53 z-index: 10002; 54 z-index: z(loadbar);
54 top: 10px; 55 top: 10px;
55 left: 10px; 56 left: 10px;
56} 57}
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 753fdf5c9..4d2d6cb67 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -383,8 +383,7 @@ p-inputswitch {
383 383
384p-toast { 384p-toast {
385 .ui-toast { 385 .ui-toast {
386 // Modal is 10005 386 z-index: z(notification) !important;
387 z-index: 10010 !important;
388 } 387 }
389 388
390 .ui-toast-message { 389 .ui-toast-message {