fix: sidebar overlay style.

client/src/config/sidebarMenu.js

@@ -311,8 +311,4 @@ export default [
     text: <T id={'billing'} />,
     href: '/billing',
   },
-  {
-    text: <T id={'auditing_system'} />,
-    href: '/auditing/list',
-  },
 ];

client/src/style/App.scss

@@ -26,6 +26,7 @@
 @import 'components/PageForm';
 @import 'components/Tooltip';
 @import 'components/Postbox';
+@import 'components/Overlay';
 @import 'components/SidebarOverlay';
 
 // Pages
@@ -101,9 +102,6 @@ body.hide-scrollbar .Pane2 {
   background-color: #0066ff;
 }
 
-.bp3-overlay-backdrop {
-  background-color: rgba(0, 10, 30, 0.7);
-}
 
 .ReactVirtualized__Collection {}
 
@@ -210,3 +208,4 @@ html[lang^="ar"] {
 .bp3-tooltip2 .bp3-popover2-arrow:before{
   box-shadow: 0 0 0;
 }
+

client/src/style/components/Overlay.scss

@@ -0,0 +1,6 @@
+
+
+
+.bp3-overlay-backdrop {
+    background-color: rgba(0, 10, 30, 0.7);
+  }

client/src/style/components/SidebarOverlay.scss

@@ -1,11 +1,10 @@
-
-
 .sidebar-overlay {
   background: #fff;
   height: 100%;
   width: 225px;
   outline: 0;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+  z-index: 15;
 
   &__scroll-wrapper {
     height: 100%
@@ -93,6 +92,7 @@
   transform: translateX(-100%);
 
   &.bp3-overlay {
+
     &-appear,
     &-enter {
       transform: translateX(-100%)
@@ -112,18 +112,19 @@
     &-exit {
       transform: translateX(0) !important;
     }
+
     &-exit-active {
       transform: translateX(-100%) !important;
       transition: all 100ms ease-in-out;
     }
+
     &-exit-done {
       transform: translateX(-100%) !important;
     }
   }
-  
 }
+
 .sidebar-overlay-backdrop {
   background-color: rgba(0, 10, 30, 0.15);
+  z-index: 14;
 }
-  
-  

client/src/style/pages/Dashboard/Dashboard.scss

@@ -54,7 +54,6 @@ $dashboard-views-bar-height: 45px;
         }
         .#{$ns}-icon {
           color: #1552c8;
-          margin-right: 5px;
         }
       }
 

client/src/style/variables.scss

@@ -15,7 +15,7 @@ $menu-item-color-active: $light-gray3;
 
 $breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>");
 
-$sidebar-zindex: 21;
+$sidebar-zindex: 16;
 $pt-font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont,
   Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue,
   Icons16, sans-serif;