From e266e5936e546d037319e01cf9c141dbd501a206 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Wed, 3 Jun 2020 10:31:45 +0200
Subject: [PATCH] update: left-menu - hover: comments + colors added

---
 src/styles/base/menu-left.scss | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 958ecbf..db92211 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -256,11 +256,12 @@
   }
 }
 
+/* Styles for hovering */
 #main__menu sib-router .sub-menu.menu-notification>sib-display>div>sib-display>div>hubl-menu-fix-url-project>sib-display>div:hover,
 #main__menu sib-router .sub-menu.menu-notification>sib-display>div>sib-display>div>hubl-menu-fix-url-circle>sib-display>div:hover,
 #main__menu sib-router .sub-menu.menu-notification>sib-display.nosub>div>sib-display>div:hover {
-  background-color: #46271B;
-  color: #ffffff;
+  background-color: var(--color-secondary);
+  color: var(--color-white);
   display: block;
   box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.26);
   opacity: 70%;
@@ -277,6 +278,14 @@
     display: none;
   }
 
+  /* Hover for projects */
+  >sib-set-default[name='project']>.project-customer {
+    width: 250px;
+    white-space: break-spaces;
+    text-align: left;
+    font-weight: normal;
+  }
+
   sib-set-default[name='project']>.project-name {
     padding-left: 0;
     width: 100%;
@@ -287,19 +296,13 @@
     }
   }
 
-  
-  >sib-set-default[name='project']>.project-customer {
-    width: 250px;
-    white-space: break-spaces;
-    text-align: left;
-    font-weight: normal;
-  }
-
+  /* Hover for circles */
   >sib-display-div[name="name"] {
     padding-left: 0;
     width: 100%;
   }
 
+  /* Hover for private messages */
   sib-display-div {
 
     >div[name="name"] {