From a6224df0024bcec5b72188ed8d42217089ac746c Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Thu, 19 Nov 2020 09:17:55 +0100
Subject: [PATCH] feature: left-menu: scrollbar

---
 src/index.pug                  | 2 +-
 src/menu-left.pug              | 8 ++++----
 src/styles/base/main.scss      | 8 ++++----
 src/styles/base/menu-left.scss | 4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/index.pug b/src/index.pug
index 5986beb4..291fb4ce 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -22,7 +22,7 @@ html(lang="en")
     header#header.segment.bg-color-white.shadow
       include header.pug
 
-    nav#main__menu.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
+    nav#main__menu.segment.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
       include menu-left.pug
 
     main#viewport.content.notLoggedIn
diff --git a/src/menu-left.pug b/src/menu-left.pug
index cd7f18f4..3ceeeeec 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -20,11 +20,11 @@ solid-widget(name='hubl-create')
       br
       span(data-trans="menuLeft.emptyCircleProject.createNew")
       span &nbsp;
-      solid-link(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
+      solid-link.segment.lg-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
 
 solid-widget(name='hubl-menu-fix-url-circle')
   template
-    solid-link(data-src="${value}" next="circle")
+    solid-link.segment.lg-full(data-src="${value}" next="circle")
       solid-display(
         data-src='${value}'
         fields='status, name, jabberID, badge'
@@ -80,7 +80,7 @@ solid-router#navbar-router(default-route='dashboard')
       div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
   if endpoints.projects || (endpoints.get && endpoints.get.projects)
     div.menu-wrapper
-      solid-link
+      solid-link.segment.lg-full
         //- (next='admin-project-list')
         div.menu.segment.lg-auto.padding.text-bold
           div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left
@@ -109,7 +109,7 @@ solid-router#navbar-router(default-route='dashboard')
     div.divider
   if endpoints.circles || (endpoints.get && endpoints.get.circles)
     div.menu-wrapper
-      solid-link
+      solid-link.segment.lg-full
         //- (next='admin-circle-list')
         div.menu.segment.lg-auto.padding.text-bold
           div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index d6c29ce3..39fbbb9f 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -335,16 +335,16 @@ nav, .views-container, .table-wrapper {
 /* Custom scrollbar of the left-menu */
 nav {
   scrollbar-width: thin;
-  scrollbar-color: var(--color-scrollbar-left-track) var(--color-scrollbar-left-background);
+  scrollbar-color: var(--color-grey) var(--color-heading);
 
   &::-webkit-scrollbar-track {
-    background: var(--color-scrollbar-left-background);
+    background: var(--color-heading);
   }
 
   &::-webkit-scrollbar-thumb {
-    background-color: var(--color-scrollbar-left-track);
+    background-color: var(--color-grey);
     border-radius: 6px;
-    border: 3px solid var(--color-scrollbar-left-background);
+    border: 3px solid var(--color-heading);
   }
 
   &::-webkit-scrollbar {
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 06eb705c..f39f16a7 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -37,9 +37,9 @@
       }
     }
 
-    solid-link {
+    /*solid-link {
       width: 100%;
-    }
+    }*/
 
     .menu {
       cursor: pointer;
-- 
GitLab