Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(header): add toggle sidebar icon

Browse source
This commit is contained in:
tibing 2017-08-30 17:22:05 +03:00
parent 6660118ba3
commit 6b1ee20516
3 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/@theme/components/header/header.component.scss
View file

@ -41,5 +41,15 @@
} }
} }
} }
.toggle-layout /deep/ a {
text-decoration: none;
line-height: 1;
i {
color: nb-theme(toggle-layout-color);
font-size: 1.75rem;
}
}
} }

2
src/app/@theme/components/header/header.component.ts
View file

@ -22,7 +22,7 @@ import { UserService } from '../../../@core/data/users.service';
class="header-container" class="header-container"
[class.right]="position === 'normal'" [class.right]="position === 'normal'"
[class.left]="position === 'inverse'"> [class.left]="position === 'inverse'">
<nb-action icon="ion-ios-gear-outline" (click)="toggleSettings()"></nb-action> <nb-action icon="nb-grid-b" class="toggle-layout" (click)="toggleSettings()"></nb-action>
<nb-action> <nb-action>
<nb-user [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user> <nb-user [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
</nb-action> </nb-action>

4
src/app/@theme/styles/themes.scss
View file

@ -11,6 +11,8 @@ $nb-themes: nb-register-theme((
sidebar-header-gap: 2rem, sidebar-header-gap: 2rem,
sidebar-header-height: initial, sidebar-header-height: initial,
layout-content-width: 1400px, layout-content-width: 1400px,
toggle-layout-color: color-success,
), default, default); ), default, default);
$nb-themes: nb-register-theme(( $nb-themes: nb-register-theme((
@ -18,6 +20,8 @@ $nb-themes: nb-register-theme((
sidebar-header-gap: 2rem, sidebar-header-gap: 2rem,
sidebar-header-height: initial, sidebar-header-height: initial,
layout-content-width: 1400px, layout-content-width: 1400px,
toggle-layout-color: link-color-active,
), cosmic, cosmic); ), cosmic, cosmic);
$nb-themes: nb-register-theme(( $nb-themes: nb-register-theme((