Merge branch '100-left-menu-sidebar-design' into 'staging'

Add style when a submenu has an active attribute

See merge request startinblox/applications/sib-app!46

src/styles/base/menu-left.scss

@@ -90,24 +90,40 @@
     }
 
     .sub-menu {
-      padding-left: 2.88rem;
       
-      div {
-        color: $color-244-10-70;
-        cursor: pointer;
-        padding-bottom: 1.12rem;
-  
-        div[name='project'] {
-          display: flex;
-
-          sib-display-value {
-            display: block;
+      sib-display>div {
+      
+        &>sib-display {
+          
+          &:last-child>div {
+            margin-bottom: 2.2rem;
           }
-  
-          sib-display-div[name='dash'] {
-            margin: 0 0.4em;
+        
+          >div {
+            color: $color-244-10-70;
+            cursor: pointer;
+            padding: 10px 10px 10px 32px;
+          }         
+    
+          div[name='project'] {
+            display: flex;
+
+            sib-display-value {
+              display: block;
+              height: 20px;
+            }
+    
+            sib-display-div[name='dash'] {
+              margin: 0 0.4em;
+            }
           }
         }
+
+        &>sib-display[active]>div {
+          background-color: $color-46-100-67;
+          color: $color-233-18-29;
+          font-weight: bold;
+        }
       }
 
       &.menu-notification {