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 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)">
<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>
<md-icon class="collapse-arrow">keyboard_arrow_right</md-icon>
</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
[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>
</a>

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

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