fix(@clayui/css): Sidebar long text with no white space should break …

…to new line in component-title and subtitle
liferay · May 6, 2022 · 795684e · 795684e
1 parent 61a1e35
commit 795684e
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/clay-css/src/scss/variables/_sidebar.scss b/packages/clay-css/src/scss/variables/_sidebar.scss
@@ -10,6 +10,7 @@ $sidebar-header-component-title: map-deep-merge(
 	(
 		font-size: 1.5rem,
 		font-weight: $font-weight-semi-bold,
+		overflow-wrap: break-word,
 		href: (
 			color: $gray-900,
 		),
@@ -25,6 +26,7 @@ $sidebar-header-component-subtitle: map-deep-merge(
 		font-size: 1.125rem,
 		font-weight: $font-weight-semi-bold,
 		margin-bottom: 0,
+		overflow-wrap: break-word,
 	),
 	$sidebar-header-component-subtitle
 );