feature: ellipsis - refactoring

src/styles/left-nav/_index.scss

@@ -30,6 +30,7 @@ nav {
     margin-right: 3px;
     opacity: 0.8;
     vertical-align: top;
+    width: 12px;
 
     div {
       font-family: simple-line-icons;
@@ -37,19 +38,39 @@ nav {
     }
   }
 
-  .sub-menu-name {
-    margin-right: 14px;
+
+  /* Ellipsis */
+  .ellipsis {
+
+    hubl-menu-fix-url-circle,
+    hubl-menu-fix-url-project {
+      display: block;
+    }
+
+    .ellipsis-content,
+    .ellipsis-content>div {
+
+      @media(min-width: 1024px) {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
   }
 
 
 
+  .sub-menu-name {
+    margin-right: 15px;
+  }
+
 
   /* Ellipsis for project tab */
+  .circle-tab,
   .project-tab {
 
-    hubl-menu-fix-url-project {
-      display: block;
-    }
+
 
     .project-customer,
     .project-name {
@@ -57,7 +78,7 @@ nav {
       width: calc(80vw - 96px);
 
       @media(min-width: 1024px) {
-        width: calc(100% - 10px);
+        width: 100%;
       }
     }