fix(draft-title-block-zen): Fix font size for long titles in small vi…

…ewports
cultureamp · Oct 11, 2023 · 5a203bc · 5a203bc
1 parent c2f13d4
commit 5a203bc
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.module.scss b/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.module.scss
@@ -198,13 +198,15 @@ $tab-container-height-medium-and-small-collapsed: 0;
     }
   }
 
-  @include title-block-medium-and-small {
-    font-family: $typography-heading-4-font-family;
-    font-weight: $typography-heading-4-font-weight;
-    font-size: $typography-heading-4-font-size;
-    line-height: $typography-heading-4-line-height;
-    letter-spacing: $typography-heading-4-letter-spacing;
-    padding: 0;
+  &, .hasLongTitle & {
+    @include title-block-medium-and-small {
+      font-family: $typography-heading-4-font-family;
+      font-weight: $typography-heading-4-font-weight;
+      font-size: $typography-heading-4-font-size;
+      line-height: $typography-heading-4-line-height;
+      letter-spacing: $typography-heading-4-letter-spacing;
+      padding: 0;
+    }
   }
 }