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

Navigation icon styles fixed.

Browse Source
This commit is contained in:
mustafahlvc 2017-07-26 13:39:30 +03:00
parent 906799c694
commit 6006faf4e1
3 changed files with 4 additions and 8 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" *ngIf="item.icon">{{item.icon}}</md-icon> <md-icon class="nav-link-icon s-16" *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" *ngIf="item.icon">{{item.icon}}</md-icon> <md-icon class="nav-link-icon s-16" *ngIf="item.icon">{{item.icon}}</md-icon>
<span>{{item.title}}</span> <span>{{item.title}}</span>
</a> </a>

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

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