🐛 Fix z-index of workspace context menu

frontend/resources/styles/common/framework.scss

@@ -1011,7 +1011,7 @@ input[type="range"]:focus::-ms-fill-upper {
     padding-left: 16px;
     top: 16px;
     right: 16px;
-    z-index: 1005;
+    z-index: 40;
 
     display: flex;
     align-items: center;

frontend/resources/styles/common/refactor/basic-rules.scss

@@ -905,7 +905,7 @@
   margin: 0;
   margin-top: $s-1;
   border-radius: $br-8;
-  z-index: $z-index-3;
+  z-index: $z-index-4;
   overflow-y: auto;
   overflow-x: hidden;
   background-color: var(--menu-background-color);

frontend/resources/styles/common/refactor/z-index.scss

@@ -6,8 +6,9 @@
 
 $z-index-1: 1; // floating elements
 $z-index-2: 2; // sidebars
-$z-index-3: 3; // context menu
-$z-index-4: 4; // modal
+$z-index-3: 3; // topbar
+$z-index-4: 4; // context menu
+$z-index-5: 5; // modal
 $z-index-10: 10;
 $z-index-20: 20;
 $z-index-modal: 30; // When refactor finish we can reduce this number,

frontend/resources/styles/main-default.scss

@@ -60,7 +60,6 @@
 @import "main/partials/project-bar";
 @import "main/partials/sidebar";
 @import "main/partials/tab-container";
-@import "main/partials/tool-bar";
 @import "main/partials/user-settings";
 @import "main/partials/workspace";
 @import "main/partials/color-bullet";

frontend/resources/styles/main/partials/context-menu.scss

@@ -8,7 +8,7 @@
   position: relative;
   visibility: hidden;
   opacity: 0;
-  z-index: 100;
+  z-index: 3;
 }
 
 .context-menu.is-open {

frontend/resources/styles/main/partials/dropdown.scss

@@ -4,7 +4,7 @@
   background-color: $color-white;
   border-radius: $br2;
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
-  z-index: 12;
+  z-index: 3;
 
   hr {
     margin: 0 !important;

frontend/resources/styles/main/partials/exception-page.scss

@@ -12,7 +12,7 @@
   display: flex;
   align-items: center;
   padding: 32px;
-  z-index: 1000;
+  z-index: 40;
 
   cursor: pointer;
 

frontend/resources/styles/main/partials/loader.scss

@@ -9,7 +9,7 @@
   position: fixed;
   top: 0;
   width: 100%;
-  z-index: 999;
+  z-index: 40;
 }
 
 // full with loader CSS

frontend/resources/styles/main/partials/tool-bar.scss

@@ -1,48 +0,0 @@
-// This Source Code Form is subject to the terms of the Mozilla Public
-// License, v. 2.0. If a copy of the MPL was not distributed with this
-// file, You can obtain one at http://mozilla.org/MPL/2.0/.
-//
-// Copyright (c) KALEIDOS INC
-
-.tool-bar {
-  background-color: $color-gray-40;
-  bottom: 0;
-  height: 100%;
-  position: fixed;
-  left: 0;
-  width: 50px;
-  z-index: 10;
-
-  .tool-bar-inside {
-    padding-top: 70px;
-
-    .main-tools {
-      align-items: center;
-      display: flex;
-      flex-direction: column;
-
-      li {
-        cursor: pointer;
-        margin-bottom: $size-5;
-
-        svg {
-          fill: $color-gray-20;
-          height: 25px;
-          width: 25px;
-        }
-
-        &:hover {
-          svg {
-            fill: $color-white;
-          }
-        }
-
-        &.current {
-          svg {
-            fill: $color-primary;
-          }
-        }
-      }
-    }
-  }
-}