Apollo-DEC/apollosc
Apollo-DEC/apollosc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menu chnages

Browse Source
This commit is contained in:
gayathri1990 2018-08-13 17:03:37 +05:30
parent 3cd136b3de
commit c5e5ac913d
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/app-sidebar/app-sidebar.component.html
View File

@ -4,12 +4,17 @@
<li class="nav-item" *ngIf="!nav.children" > <li class="nav-item" *ngIf="!nav.children" >
<a class="nav-link" routerLinkActive="active" [routerLink]="[nav.url]"><i class="{{nav.icon}}"></i>{{nav.name}}</a> <a class="nav-link" routerLinkActive="active" [routerLink]="[nav.url]"><i class="{{nav.icon}}"></i>{{nav.name}}</a>
</li> </li>
<li *ngIf="nav.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown> <li *ngIf="nav.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown >
<a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="{{nav.icon}}"></i> {{nav.name}}</a> <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="{{nav.icon}}"></i> {{nav.name}}</a>
<ul class="nav-dropdown-items" *ngFor="let sub of nav.children"> <ul class="nav-dropdown-items" *ngFor="let sub of nav.children">
<li class="nav-item">
<li class="nav-dropdown" *ngIf="!sub.children" >
<a class="nav-link" routerLinkActive="active" [routerLink]="[sub.url]"> {{sub.name}}</a> <a class="nav-link" routerLinkActive="active" [routerLink]="[sub.url]"> {{sub.name}}</a>
</li> </li>
<li *ngIf="sub.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown>
<a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="{{sub.icon}}"></i> {{sub.name}}</a>
</ul> </ul>
</li> </li>

2
src/app/components/app-sidebar/app-sidebar.component.ts
View File

@ -103,7 +103,7 @@ export class AppSidebar {
// } // }
] ]
},{ },{
name: 'Student Enrolment', name: 'Enrolment',
icon: 'fa fa-graduation-cap', icon: 'fa fa-graduation-cap',
url : '/enrolment' url : '/enrolment'
},{ },{

7
src/scss/core/_sidebar.scss
View File

@ -86,19 +86,20 @@
ul { ul {
max-height: 0; max-height: 0;
padding: 0; padding: -2;
margin: 0; margin: 0;
content:flex-direction;
overflow-y: hidden; overflow-y: hidden;
transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out;
li { li {
padding: 0; padding: -1;
list-style: none; list-style: none;
} }
} }
.nav-link { .nav-link {
display: block; display: flex;
padding: $sidebar-nav-link-padding-y $sidebar-nav-link-padding-x; padding: $sidebar-nav-link-padding-y $sidebar-nav-link-padding-x;
color: $sidebar-nav-link-color; color: $sidebar-nav-link-color;
text-decoration: none; text-decoration: none;