From c60483485ed898ae935c7c7c4dcd7a26025c307a Mon Sep 17 00:00:00 2001
From: Joey Perrott <josephperrott.github@gmail.com>
Date: Tue, 23 Jan 2018 07:56:46 -0800
Subject: [PATCH] fix(expansion): define default expansion header heights via
 css. (#9313)

---
 src/lib/expansion/expansion-animations.ts     | 4 ++--
 src/lib/expansion/expansion-panel-header.scss | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/expansion/expansion-animations.ts b/src/lib/expansion/expansion-animations.ts
index e638ec247cb9..1cd96dbc81a1 100644
--- a/src/lib/expansion/expansion-animations.ts
+++ b/src/lib/expansion/expansion-animations.ts
@@ -35,12 +35,12 @@ export const matExpansionAnimations: {
     state('collapsed', style({
       height: '{{collapsedHeight}}',
     }), {
-      params: {collapsedHeight: '48px'},
+      params: {collapsedHeight: '*'},
     }),
     state('expanded', style({
       height: '{{expandedHeight}}'
     }), {
-      params: {expandedHeight: '64px'}
+      params: {expandedHeight: '*'}
     }),
     transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
   ]),
diff --git a/src/lib/expansion/expansion-panel-header.scss b/src/lib/expansion/expansion-panel-header.scss
index 73a6638a44be..0302f916c6f6 100644
--- a/src/lib/expansion/expansion-panel-header.scss
+++ b/src/lib/expansion/expansion-panel-header.scss
@@ -2,9 +2,14 @@
 .mat-expansion-panel-header {
   display: flex;
   flex-direction: row;
+  height: 48px;
   align-items: center;
   padding: 0 24px;
 
+  &.mat-expanded {
+    height: 64px;
+  }
+
   &:focus,
   &:hover {
     outline: none;