fix(collapsible-section): prevent header from wrapping, crop text wit…

…h ellipsis instead
Lundalogik · Apr 1, 2019 · e852a9c · e852a9c
1 parent 119270f
commit e852a9c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/collapsible-section/collapsible-section.scss b/src/components/collapsible-section/collapsible-section.scss
@@ -22,8 +22,18 @@ section {
         display: flex;
         padding-left: pxToRem(10);
 
+        > h5 {
+            flex-grow: 1;
+            flex-shrink: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
         > .expander {
             color: #a6a6a6;
+            flex-grow: 0;
+            flex-shrink: 0;
             height: pxToRem(30);
             margin-right: pxToRem(5);
             width: pxToRem(30);