purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 12:35:07 +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; 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; return true;
} }
}
if ( children.children ) if ( parent.children[i].url === url )
{ {
return this.isUrlInChildren(children, url); return true;
} }
} }
return false;
} }
ngOnInit() ngOnInit()

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

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