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

fix(aio): no white band below toolbar when mobile 

At 600px wide, the buttons on tool bar shrank from 64 to 56px.
Should shrink the content’s top padding from 64 to 56 as well.
This commit is contained in:
Ward Bell 2017-05-15 13:01:40 -07:00 committed by Pete Bacon Darwin
parent a68ad6d58d
commit 221f85af3f
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
aio/src/styles/0-base/_typography.scss
View File

@ -64,13 +64,13 @@
clear: both;
}
h1, h2 {
h1 {
@media screen and (max-width: 600px) {
margin: 16px 0;
margin: 0;
}
}
h3, h4, h5, h6 {
h1:after, h2, h3, h4, h5, h6 {
@media screen and (max-width: 600px) {
margin: 8px 0;
}

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

@ -39,6 +39,9 @@ md-sidenav-container.sidenav-container {
@media (max-width: 800px) {
max-width: 100%;
}
@media (max-width: 600px) {
padding-top: 56px;
}
}
md-sidenav-container div.mat-sidenav-content {