fix(layout): Set the initial height to inherit the parent.

In some cases, browsers have issues with rendering flex layouts when the height of an element is not set. This simply forces each layout element (which is the most common case when using flex) to the height it would normally be. Fixes #4022. References #3901.
angular · Aug 29, 2015 · a7fc85f · a7fc85f
1 parent 703f2c8
commit a7fc85f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/src/components/button/demoBasicUsage/style.css b/src/components/button/demoBasicUsage/style.css
@@ -20,7 +20,3 @@ section .md-button {
  font-size: 14px;
  opacity: 0.54;
 }
-
-.launch {
- padding-top:12px;
-}
diff --git a/src/core/services/layout/layout.scss b/src/core/services/layout/layout.scss
@@ -17,6 +17,7 @@
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
+ height: inherit;
 }
 
 .layout-column {