purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-04-18 14:22:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

(Navbar) Added classes to the navbar containing fuse-sidebar's to contain their custom styles

Browse Source
This commit is contained in:
Sercan Yemen 2018-07-12 09:25:56 +03:00
parent 0cd5d613e0
commit 25a6ca2684
6 changed files with 59 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/layout/components/navbar/vertical/style-1/style-1.component.scss
View File

@ -1,6 +1,8 @@
@import "src/@fuse/scss/fuse"; @import "src/@fuse/scss/fuse";
fuse-sidebar { fuse-sidebar {
&.navbar-fuse-sidebar {
overflow: hidden; overflow: hidden;
&.folded:not(.unfolded) { &.folded:not(.unfolded) {
@ -59,6 +61,7 @@ fuse-sidebar {
} }
} }
} }
}
} }
navbar { navbar {

3
src/app/layout/components/navbar/vertical/style-2/style-2.component.scss
View File

@ -1,6 +1,8 @@
@import "src/@fuse/scss/fuse"; @import "src/@fuse/scss/fuse";
fuse-sidebar { fuse-sidebar {
&.navbar-fuse-sidebar {
overflow: hidden; overflow: hidden;
&.folded:not(.unfolded) { &.folded:not(.unfolded) {
@ -23,6 +25,7 @@ fuse-sidebar {
} }
} }
} }
}
} }
navbar { navbar {

2
src/app/layout/horizontal/layout-1/layout-1.component.html
View File

@ -99,7 +99,7 @@
<!-- LEFT NAVBAR --> <!-- LEFT NAVBAR -->
<ng-template #leftNavbar> <ng-template #leftNavbar>
<fuse-sidebar name="navbar" <fuse-sidebar name="navbar" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">
<navbar [variant]="fuseConfig.layout.navbar.variant" <navbar [variant]="fuseConfig.layout.navbar.variant"

4
src/app/layout/vertical/layout-1/layout-1.component.html
View File

@ -101,7 +101,7 @@
<!-- LEFT NAVBAR --> <!-- LEFT NAVBAR -->
<ng-template #leftNavbar> <ng-template #leftNavbar>
<fuse-sidebar name="navbar" <fuse-sidebar name="navbar" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">
@ -113,7 +113,7 @@
<!-- RIGHT NAVBAR --> <!-- RIGHT NAVBAR -->
<ng-template #rightNavbar> <ng-template #rightNavbar>
<fuse-sidebar name="navbar" position="right" <fuse-sidebar name="navbar" position="right" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">

4
src/app/layout/vertical/layout-2/layout-2.component.html
View File

@ -101,7 +101,7 @@
<!-- LEFT NAVBAR --> <!-- LEFT NAVBAR -->
<ng-template #leftNavbar> <ng-template #leftNavbar>
<fuse-sidebar name="navbar" <fuse-sidebar name="navbar" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">
@ -113,7 +113,7 @@
<!-- RIGHT NAVBAR --> <!-- RIGHT NAVBAR -->
<ng-template #rightNavbar> <ng-template #rightNavbar>
<fuse-sidebar name="navbar" position="right" <fuse-sidebar name="navbar" position="right" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">

4
src/app/layout/vertical/layout-3/layout-3.component.html
View File

@ -87,7 +87,7 @@
<!-- LEFT NAVBAR --> <!-- LEFT NAVBAR -->
<ng-template #leftNavbar> <ng-template #leftNavbar>
<fuse-sidebar name="navbar" <fuse-sidebar name="navbar" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">
@ -99,7 +99,7 @@
<!-- RIGHT NAVBAR --> <!-- RIGHT NAVBAR -->
<ng-template #rightNavbar> <ng-template #rightNavbar>
<fuse-sidebar name="navbar" position="right" <fuse-sidebar name="navbar" position="right" class="navbar-fuse-sidebar"
[folded]="fuseConfig.layout.navbar.folded" [folded]="fuseConfig.layout.navbar.folded"
lockedOpen="gt-md" lockedOpen="gt-md"
*ngIf="!fuseConfig.layout.navbar.hidden"> *ngIf="!fuseConfig.layout.navbar.hidden">