fix(examples): scroll shrink container overflow

- also make a bit smaller on mobile so you can scroll past it if you want.
justindujardin · Jan 1, 2016 · 828e78c · 828e78c
1 parent 32384e1
commit 828e78c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/examples/components/toolbar/scroll_shrink.scss b/examples/components/toolbar/scroll_shrink.scss
@@ -1,3 +1,9 @@
+@import "../../../ng2-material/core/style/variables";
 div.scroll-shrink {
-  height:600px;
+  height: 600px;
+  overflow-y: hidden;
+  @media screen and (max-width: $layout-breakpoint-sm) {
+    height: 200px;
+  }
 }
+
diff --git a/ng2-material/components/toolbar/toolbar.scss b/ng2-material/components/toolbar/toolbar.scss
@@ -88,7 +88,9 @@ md-toolbar {
   }
 
   ~ md-content {
-    overflow: hidden;
+    &:not([scroll-shrink]){
+      overflow: hidden;
+    }
     > md-list {
       padding: 0;