From ba215378fb2f324395593c39fc4415df3929feab Mon Sep 17 00:00:00 2001 From: Sebastien Tasson Date: Mon, 23 Oct 2017 07:11:52 +0000 Subject: [PATCH] fix(layout-app): allow main content to shrink --- components/layout-app/mdc-layout-app.scss | 3 ++- demo/index.html | 3 ++- demo/index.vue | 10 ---------- demo/styles.scss | 19 +++++++++++-------- 4 files changed, 15 insertions(+), 20 deletions(-) diff --git a/components/layout-app/mdc-layout-app.scss b/components/layout-app/mdc-layout-app.scss index 6b2d0e5b..1e7365d8 100644 --- a/components/layout-app/mdc-layout-app.scss +++ b/components/layout-app/mdc-layout-app.scss @@ -23,6 +23,7 @@ .mdc-layout-app--drawer-wrapper { order: -1; + flex: 0 1 auto; .mdc-drawer { height:100%; @@ -30,7 +31,7 @@ } .mdc-layout-app--content-wrapper { - flex: 1; + flex: 1 1 auto; } } diff --git a/demo/index.html b/demo/index.html index c940de5e..30d5403e 100644 --- a/demo/index.html +++ b/demo/index.html @@ -2,7 +2,8 @@ - + + Vue Material Components diff --git a/demo/index.vue b/demo/index.vue index 89bcff70..a5a7c064 100644 --- a/demo/index.vue +++ b/demo/index.vue @@ -13,16 +13,6 @@ - -