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

fix(docs-infra): fix width of sidenav icons (#42561) 

make sure that the width of the sidenav chervon icon is 2.4rem
(this needs to be done using the flex property and not the
width one as that can change in flex containers)

also center chevron icon inside mat-icon container in order to maintain
the correct icon positioning at any font-size

PR Close #42561
This commit is contained in:
dario-piotrowicz 2021-06-11 22:23:24 +01:00 committed by Alex Rickabaugh
parent 91e307b59d
commit 40612d1932
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -80,8 +80,9 @@ aio-nav-menu {
//icons _within_ nav
.mat-icon {
height: 24px;
width: 24px;
flex: 0 0 2.4rem;
display: flex;
align-items: center;
}
}