<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 -->
+ <!-- FIXME - bug flicking menu
<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>
+ -->
+ <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
+ <nb-action id="pin-sidebar" icon="fa fa-angle-double-left" placement="bottom" (click)="closeSidebar()">
+ </nb-action>
+ </nb-actions>
+ <!-- right sidebar -->
+ <!-- FIXME - bug flicking menu
+ <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
+ <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-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="fa fa-angle-double-right" placement="bottom" (click)="closeSidebar()">
+ </nb-action>
</nb-actions>
</nb-sidebar-header>