diff options
author | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2018-01-28 21:28:42 +0100 |
---|---|---|
committer | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2018-01-30 11:52:46 +0100 |
commit | bd9463c836130c1d37e56be3658076ecd11ed76d (patch) | |
tree | bea206cee3f106f98f81d416347b94f940997041 /webapp/src/app/@theme/layouts/xds/xds.layout.html | |
parent | 594fbccc2f2b649fb3daf207462edf192b4fba4c (diff) |
[Dashboard]: Reworked sidebar menu auto expanding
Signed-off-by: Sebastien Douheret <sebastien.douheret@iot.bzh>
Diffstat (limited to 'webapp/src/app/@theme/layouts/xds/xds.layout.html')
-rw-r--r-- | webapp/src/app/@theme/layouts/xds/xds.layout.html | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/webapp/src/app/@theme/layouts/xds/xds.layout.html b/webapp/src/app/@theme/layouts/xds/xds.layout.html index 74d0f97..ee0a80b 100644 --- a/webapp/src/app/@theme/layouts/xds/xds.layout.html +++ b/webapp/src/app/@theme/layouts/xds/xds.layout.html @@ -4,18 +4,21 @@ <ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header> </nb-layout-header> - <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'" + <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'" state="compacted" (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)"> - <nb-sidebar-header (click)="toogleSidebar()"> - <!-- XXX - ugly rework --> + <nb-sidebar-header (click)="pinSidebar()"> + <!-- left sidebar --> <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right"> - <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-left" style="margin-left: 80%;"></nb-action> - <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-right"></nb-action> + <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-right':'fa fa-angle-double-left'" + [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom"> + </nb-action> </nb-actions> + <!-- right sidebar --> <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left"> - <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-right" style="margin-right: 80%;"></nb-action> - <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-left"></nb-action> + <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-left':'fa fa-angle-double-right'" + [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom"> + </nb-action> </nb-actions> </nb-sidebar-header> |