diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 0043d4a..9e1b38b 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -29,7 +29,6 @@ nav { margin-left: 3px; margin-right: 3px; opacity: 0.8; - vertical-align: top; width: 12px; div { @@ -38,6 +37,10 @@ nav { } } + .sub-menu-name { + margin-right: 15px; + } + /* Ellipsis */ .ellipsis { @@ -59,42 +62,6 @@ nav { } } - - - .sub-menu-name { - margin-right: 15px; - } - - - /* Ellipsis for project tab */ - .circle-tab, - .project-tab { - - - - .project-customer, - .project-name { - display: block; - width: calc(80vw - 96px); - - @media(min-width: 1024px) { - width: 100%; - } - } - - .project-customer, - .project-name>div { - - @media(min-width: 1024px) { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - } - - .divider { height: 1px; background-color: #D7DBE0; diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug index c2c3870..9403000 100644 --- a/src/views/partials/menu-left.pug +++ b/src/views/partials/menu-left.pug @@ -52,7 +52,7 @@ solid-widget(name='hubl-menu-fix-url-circle') fields='segment(status, circle(name, jabberID), badge)' class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium" - class-status='segment sub-menu-icon' + class-status='segment text-top sub-menu-icon' class-circle='segment lg-three-quarter sub-menu-name' @@ -76,7 +76,7 @@ solid-widget(name='hubl-menu-fix-url-project') fields='segment(status, project(customer.name, name, jabberID), badge)' class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium" - class-status='segment sub-menu-icon' + class-status='segment text-top sub-menu-icon' class-project='segment lg-three-quarter sub-menu-name'