skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(sidenav): md-content now fills height (#703)

Browse Source 
move overflow from `md-sidenav-layout` to `md-content`
stretches `md-content` to fill available height

closes #606
This commit is contained in:
Robert Messerle
2016-06-24 11:55:59 -07:00
committed by Jeremy Elbourn
parent 8ef48184cd
commit e10172c892
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sidenav/sidenav.scss
+4 -3
View File
@@ -60,7 +60,6 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
@include md-stacking-context();
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
// TODO(hansl): Update this with a more robust solution.
@@ -76,7 +75,7 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
display: block;
// Hide the sidenavs when they're closed.
overflow-x: hidden;
overflow: hidden;
& > .md-sidenav-backdrop {
@include md-sidenav-fullscreen();
@@ -103,13 +102,15 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
@include md-stacking-context();
display: block;
height: 100%;
overflow: auto;
}
> md-sidenav {
@include md-stacking-context();
display: block;
position: fixed;
position: absolute;
top: 0;
bottom: 0;
z-index: 3;