X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fz-index.scss;h=f8b0e1cc0a4548558377c1326472b25cbb25b311;hb=a0da6f90d16027b385a67da6a5691b163626a363;hp=e46813dc353a3943257dabb56c2f6d7e9bf9cd9a;hpb=26da644eab9ef62a3e559ac5626bb65a0b13a14d;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/z-index.scss b/client/src/sass/z-index.scss
index e46813dc3..f8b0e1cc0 100644
--- a/client/src/sass/z-index.scss
+++ b/client/src/sass/z-index.scss
@@ -1,8 +1,8 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-.header {
-  z-index: z(header);
+.root-header {
+  z-index: z(root-header);
 }
 
 .help-popover {
@@ -10,12 +10,12 @@
 }
 
 ngx-loading-bar {
-  z-index: z(header) + 1 !important;
+  z-index: z(root-header) + 1 !important;
 }
 
-/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
-.dropdown,
-.dropup {
+// Dropdown added to body, override default z-index
+body > .dropdown,
+body > .dropup {
   z-index: z(dropdown) !important;
 }
 
@@ -27,7 +27,6 @@ ngx-loading-bar {
 .btn-group,
 .dropdown-root,
 .action-dropdown,
-.input-group-prepend,
 .column-toggle {
   z-index: inherit !important;
 }