From 12d41165122177e23f38b37480a9e77a5c2aeb22 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Fri, 25 Mar 2022 15:13:41 +0100
Subject: [PATCH] fix(material/expansion): handle long text inside panel header
 title and description

Handles long text inside the `mat-panel-title` and `mat-panel-description`. Previously the text would continue wrapping and overflowing the header.

Fixes #10744.
---
 src/material/expansion/expansion-panel-header.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/material/expansion/expansion-panel-header.scss b/src/material/expansion/expansion-panel-header.scss
index 7c45e216d13c..aa7347ca01f1 100644
--- a/src/material/expansion/expansion-panel-header.scss
+++ b/src/material/expansion/expansion-panel-header.scss
@@ -52,10 +52,13 @@
 
 .mat-expansion-panel-header-title,
 .mat-expansion-panel-header-description {
-  display: flex;
+  display: block;
   flex-grow: 1;
   margin-right: 16px;
-  align-items: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex-basis: 5%;
 
   [dir='rtl'] & {
     margin-right: 0;