purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed: navigation collapsable issue on route change

Browse Source 
fixed: footer stays on top of the navigation on mobile
This commit is contained in:
Sercan Yemen 2017-09-18 15:58:47 +03:00
parent 6f4dc36a3d
commit b55bce2de4
2 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/core/components/navigation/vertical/nav-collapse/nav-vertical-collapse.component.ts
View File

@ -143,18 +143,23 @@ export class FuseNavVerticalCollapseComponent implements OnInit
return false;
}
for ( const children of parent.children )
for ( let i = 0; i < parent.children.length; i++ )
{
if ( children.url === url )
if ( parent.children[i].children )
{
if ( this.isUrlInChildren(parent.children[i], url) )
{
return true;
}
}
if ( children.children )
if ( parent.children[i].url === url )
{
return this.isUrlInChildren(children, url);
return true;
}
}
return false;
}
ngOnInit()

10
src/app/main/navbar/vertical/navbar-vertical.component.scss
View File

@ -32,7 +32,7 @@ fuse-navbar-vertical {
background-color: #FFFFFF;
overflow-y: auto;
overflow-x: hidden;
z-index: 3;
z-index: 4;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
transition: all .3s cubic-bezier(.55, 0, .55, .2), width .1s linear, min-width .1s linear, max-width .1s linear;
transform: translateX(0);
@ -70,30 +70,36 @@ fuse-navbar-vertical {
}
&.close {
box-shadow: none;
&.left-navbar {
transform: translateX(-100%) !important;
}
&.right-navbar {
transform: translateX(100%) !important;
}
box-shadow: none;
}
@include media-breakpoint('lt-lg') {
position: absolute;
top: 0;
bottom: 0;
&.left-navbar {
left: 0;
}
&.right-navbar {
right: 0;
}
&:not(.initialized) {
&.left-navbar {
transform: translateX(-100%);
}
&.right-navbar {
transform: translateX(100%);
}