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

Merge branch 'circle-perf-fix' into 'master'

Browse Source 
Circle perf fix

See merge request startinblox/applications/sib-app!108
This commit is contained in:
Jean-Baptiste Pasquier 2020-01-27 12:30:31 +00:00
commit d37796f86f
2 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/menu-left.pug
View File

@ -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'

17
src/styles/base/menu-left.scss
View File

@ -125,6 +125,10 @@
}
/* 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;