diff --git a/src/menu-left.pug b/src/menu-left.pug index 2dfa6a7..cdf6b9d 100644 --- a/src/menu-left.pug +++ b/src/menu-left.pug @@ -55,14 +55,22 @@ nav#main__menu.jsLeftMenu div.menu-icon.icon-folder-alt sib-route(name='circle', rdf-type='hd:circle', use-id='', hidden) div.sub-menu.menu-notification + sib-widget(name='menu-circle-fix-url') + template + sib-display( + data-src='${value}' + fields='name, badge' + value-badge='${value}' + widget-badge='hd-counter' + widget-name='sib-display-div' + ) sib-display( bind-user nested-field='circles' - fields='circle.name, circle' + fields='circle' empty-widget='hd-create' empty-value='circle' - widget-circle.name='sib-display-div' - widget-circle='hd-counter' + widget-circle='menu-circle-fix-url' order-by='circle.name' next='circle' ) @@ -75,7 +83,7 @@ nav#main__menu.jsLeftMenu div.menu-icon.icon-envelope-letter sib-route(name='messages', rdf-type='foaf:user', use-id='', hidden) div.sub-menu.menu-notification - sib-display( + sib-display.nosub( data-src=`${endpoints.users}` fields='username, badge' widget-username='sib-display-div' diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss index 1256a05..8ffd616 100644 --- a/src/styles/base/menu-left.scss +++ b/src/styles/base/menu-left.scss @@ -124,7 +124,11 @@ } } /* End of specific styles of "Projects" tab */ - + + >sib-display.nosub>div>sib-display>div { + padding: 1rem 1rem 1rem 3.2rem; + } + sib-display>div { .create { @@ -141,7 +145,9 @@ >div { color: $color-244-10-70; cursor: pointer; - padding: 1rem 1rem 1rem 3.2rem; + >menu-circle-fix-url>sib-display>div { + padding: 1rem 1rem 1rem 3.2rem; + } } &[fields="project(customer.name, name), badge"]>div { @@ -149,7 +155,8 @@ } } - &>sib-display[active]>div { + &>sib-display[active]>div, + &>sib-display>div>menu-circle-fix-url>sib-display[active]>div { background-color: $color-46-100-67; color: $color-233-18-29; font-weight: bold; @@ -157,7 +164,11 @@ } &.menu-notification { - > sib-display > div > sib-display > div { + > sib-display > div > sib-display > div > menu-circle-fix-url { + flex: 1; + } + > sib-display > div > sib-display > div, + > sib-display > div > sib-display > div > menu-circle-fix-url > sib-display > div { display: flex; sib-display-div { flex: 3;