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 div.menu-icon.icon-folder-alt
sib-route(name='circle', rdf-type='hd:circle', use-id='', hidden) sib-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
div.sub-menu.menu-notification 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( sib-display(
bind-user bind-user
nested-field='circles' nested-field='circles'
fields='circle.name, circle' fields='circle'
empty-widget='hd-create' empty-widget='hd-create'
empty-value='circle' empty-value='circle'
widget-circle.name='sib-display-div' widget-circle='menu-circle-fix-url'
widget-circle='hd-counter'
order-by='circle.name' order-by='circle.name'
next='circle' next='circle'
) )
@ -75,7 +83,7 @@ nav#main__menu.jsLeftMenu
div.menu-icon.icon-envelope-letter div.menu-icon.icon-envelope-letter
sib-route(name='messages', rdf-type='foaf:user', use-id='', hidden) sib-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
div.sub-menu.menu-notification div.sub-menu.menu-notification
sib-display( sib-display.nosub(
data-src=`${endpoints.users}` data-src=`${endpoints.users}`
fields='username, badge' fields='username, badge'
widget-username='sib-display-div' widget-username='sib-display-div'

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

@ -124,7 +124,11 @@
} }
} }
/* End of specific styles of "Projects" tab */ /* End of specific styles of "Projects" tab */
>sib-display.nosub>div>sib-display>div {
padding: 1rem 1rem 1rem 3.2rem;
}
sib-display>div { sib-display>div {
.create { .create {
@ -141,7 +145,9 @@
>div { >div {
color: $color-244-10-70; color: $color-244-10-70;
cursor: pointer; 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 { &[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; background-color: $color-46-100-67;
color: $color-233-18-29; color: $color-233-18-29;
font-weight: bold; font-weight: bold;
@ -157,7 +164,11 @@
} }
&.menu-notification { &.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; display: flex;
sib-display-div { sib-display-div {
flex: 3; flex: 3;