From ced798eba982d14a418618e28aa8763b33503097 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Thu, 1 Apr 2021 11:48:02 +0200 Subject: [PATCH] patch: left-menu - useless classes removed + menu-header's badge visibility resolved --- src/styles/left-nav/_index.scss | 8 ++++++++ src/views/partials/menu-left.pug | 6 +++--- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 3f1ad60..480e223 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -137,6 +137,14 @@ nav#main__menu { } } + .menu-header>div:not(.transform-up)~.badge { + display: none; + } + + .menu-header>div.transform-up~.badge { + display: block; + } + .badge { float: right; } diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug index 2624a3c..cb1a0f4 100644 --- a/src/views/partials/menu-left.pug +++ b/src/views/partials/menu-left.pug @@ -25,7 +25,7 @@ solid-router#navbar-router(default-route='dashboard') div.divider if component.type == "circles" div.jsMenuTab - div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active.jsMenuHeader + div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.hover.jsMenuHeader div.segment.margin-right-xxsmall.jsMenuArrow div.segment.icon.icon-small.icon-arrow-down div.segment.half.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.circles"}`) @@ -62,7 +62,7 @@ solid-router#navbar-router(default-route='dashboard') div.divider if component.type == "chat" div.jsMenuTab - div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active.jsMenuHeader + div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.hover.jsMenuHeader div.segment.margin-right-xxsmall.jsMenuArrow div.segment.icon.icon-small.icon-arrow-down div.segment.half.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.messages"}`) @@ -124,7 +124,7 @@ solid-router#navbar-router(default-route='dashboard') ) div.divider if component.type == "profileDirectory" - solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route) + solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.hover(name=component.route) div.segment.margin-right-xxsmall div.icon.icon-small.icon-people div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")