From 898144fa9af7bcc475970415f04b8eb6ffe91d58 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Wed, 3 Jun 2020 15:33:10 +0200
Subject: [PATCH] update: left-menu - ellipsis on large and small screens

---
 src/styles/base/menu-left.scss | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 2dba34a..b2c4bbc 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -107,13 +107,20 @@
           }
 
           .project-customer {
-            width: 150px;
+            width: 100%;
+
+            @include breakpoint(lg) {
+              width: 150px;
+            }
           }
 
           .project-name {
             display: block;
-            width: calc(150px - 10px);
-            /* 10px = padding of the sib-set-default = better alignment */
+            width: 100%;
+
+            @include breakpoint(lg) {
+              width: 150px;
+            }
           }
         }
 
@@ -222,7 +229,10 @@
             display: flex;
             sib-display-div {
               flex: 3;
-              max-width: 150px;
+
+              @include breakpoint(lg) {
+                max-width: 150px;
+              }
             }
             hubl-counter {
               height: 20px;
@@ -243,12 +253,15 @@
             }
 
             sib-display-div {
-              max-width: 150px;
 
-              >div[name="name"] {
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
+              @include breakpoint(lg) {
+                max-width: 150px;
+
+                >div[name='name'] {
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                }
               }
             }
           }