Browse Source

[frontend] Adjust sidebar z-index to prevent importer overlap

Johan Ahlen 4 years ago
parent
commit
f45e2e1703

+ 2 - 2
desktop/core/src/desktop/js/components/sidebar/sidebar.scss

@@ -236,7 +236,7 @@
   background-color: $sidebar-bg-color;
   background-color: $sidebar-bg-color;
   overflow: hidden;
   overflow: hidden;
   width: 233px;
   width: 233px;
-  z-index: 2;
+  z-index: 1002;
   opacity: 0;
   opacity: 0;
 
 
   // when displaying accordion items in a tooltip, they could overlaps the bottom of the page
   // when displaying accordion items in a tooltip, they could overlaps the bottom of the page
@@ -341,7 +341,7 @@
   height: 80px;
   height: 80px;
   transform: rotate(339deg);
   transform: rotate(339deg);
   transform-origin: 100% 0;
   transform-origin: 100% 0;
-  z-index: 1;
+  z-index: 1001;
 }
 }
 
 
 .sidebar-sidebar-item-accordion-sub-item {
 .sidebar-sidebar-item-accordion-sub-item {

+ 1 - 1
desktop/core/src/desktop/js/components/sidebar/variables.scss

@@ -28,4 +28,4 @@ $sidebar-item-height: 40px;
 $sidebar-animation-duration-base: $animation-duration-base;
 $sidebar-animation-duration-base: $animation-duration-base;
 $sidebar-header-height: 56px;
 $sidebar-header-height: 56px;
 $sidebar-indicator-width: 4px;
 $sidebar-indicator-width: 4px;
-$sidebar-z-index: 10;
+$sidebar-z-index: 1010;