honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): correct position of sidenav icons

This commit is contained in:
Stefanie Fluin 2017-05-01 10:31:07 -07:00 committed by Matias Niemelä
parent c8fd904c32
commit aaa562898f
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
aio/src/styles/1-layouts/_sidenav.scss
View File

@ -68,6 +68,7 @@ md-sidenav-container div.mat-sidenav-content {
&:hover { &:hover {
text-shadow: 0 0 5px #ffffff; text-shadow: 0 0 5px #ffffff;
background-color: $lightgray; background-color: $lightgray;
} }
//icons _within_ nav //icons _within_ nav
@ -146,10 +147,12 @@ a.selected.level-1,
.level-1.expanded .mat-icon, .level-2.expanded .mat-icon { .level-1.expanded .mat-icon, .level-2.expanded .mat-icon {
@include rotate(90deg); @include rotate(90deg);
top: 10px;
} }
.level-1:not(.expanded) .mat-icon, .level-2:not(.expanded) .mat-icon { .level-1:not(.expanded) .mat-icon, .level-2:not(.expanded) .mat-icon {
@include rotate(0deg); @include rotate(0deg);
margin: 4px;
} }
.promo-img-container img { .promo-img-container img {