autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

patch: left-menu - useless classes removed + menu-header's badge visibility resolved

Browse Source
This commit is contained in:
gaelle morin 2021-04-01 11:48:02 +02:00
parent bc0b8c3e04
commit ced798eba9
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/left-nav/_index.scss
View File

@ -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 { .badge {
float: right; float: right;
} }

6
src/views/partials/menu-left.pug
View File

@ -25,7 +25,7 @@ solid-router#navbar-router(default-route='dashboard')
div.divider div.divider
if component.type == "circles" if component.type == "circles"
div.jsMenuTab 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.margin-right-xxsmall.jsMenuArrow
div.segment.icon.icon-small.icon-arrow-down 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"}`) 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 div.divider
if component.type == "chat" if component.type == "chat"
div.jsMenuTab 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.margin-right-xxsmall.jsMenuArrow
div.segment.icon.icon-small.icon-arrow-down 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"}`) 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 div.divider
if component.type == "profileDirectory" 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.segment.margin-right-xxsmall
div.icon.icon-small.icon-people div.icon.icon-small.icon-people
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory") div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")