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

Navigation icon styles updated again.

Browse Source
This commit is contained in:
mustafahlvc 2017-07-26 14:03:49 +03:00
parent 96b7584e76
commit 1f06e30a17
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/core/components/navigation/nav-collapse/nav-collapse.component.html
View File

@ -1,5 +1,5 @@
<a class="nav-link" md-ripple (click)="toggleOpen($event)"> <a class="nav-link" md-ripple (click)="toggleOpen($event)">
<md-icon class="nav-link-icon s-16" *ngIf="item.icon">{{item.icon}}</md-icon> <md-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</md-icon>
<span>{{item.title}}</span> <span>{{item.title}}</span>
<md-icon class="collapse-arrow">keyboard_arrow_right</md-icon> <md-icon class="collapse-arrow">keyboard_arrow_right</md-icon>
</a> </a>

2
src/app/core/components/navigation/nav-item/nav-item.component.html
View File

@ -1,5 +1,5 @@
<a class="nav-link" md-ripple <a class="nav-link" md-ripple
[routerLink]="[item.url]" routerLinkActive="active"> [routerLink]="[item.url]" routerLinkActive="active">
<md-icon class="nav-link-icon s-16" *ngIf="item.icon">{{item.icon}}</md-icon> <md-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</md-icon>
<span>{{item.title}}</span> <span>{{item.title}}</span>
</a> </a>

8
src/app/core/scss/partials/_navigation.scss
View File

@ -55,7 +55,13 @@
.nav-link-icon, .nav-link-icon,
.collapse-arrow { .collapse-arrow {
color: map_get($mat-light-theme-foreground, icon); font-size: 16px;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
color: map_get($mat-light-theme-foreground, icon);;
} }
} }