fix(@clayui/css): Alerts set white-space: normal

- alert text should break to a new line when used in components that set `white-space: nowrap` like in `dropdown-menu-width-sm`
liferay · Dec 15, 2021 · 2cc5b51 · 2cc5b51
1 parent b5f9a8d
commit 2cc5b51
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/packages/clay-css/src/scss/variables/_alerts.scss b/packages/clay-css/src/scss/variables/_alerts.scss
@@ -135,6 +135,7 @@ $alert: map-deep-merge(
 		margin-bottom: $alert-margin-bottom,
 		padding: $alert-padding-y $alert-padding-x,
 		position: relative,
+		white-space: normal,
 		word-wrap: break-word,
 		alert-btn: $alert-btn,
 		btn-group: $alert-btn-group,

diff --git a/packages/clay-css/src/scss/variables/_dropdowns.scss b/packages/clay-css/src/scss/variables/_dropdowns.scss
@@ -180,7 +180,6 @@ $dropdown-item-base: map-deep-merge(
 		position: relative,
 		text-align: inherit,
 		transition: none,
-		white-space: normal,
 		width: 100%,
 		word-wrap: break-word,
 		hover: (
@@ -760,9 +759,6 @@ $dropdown-menu-width-shrink: map-deep-merge(
 	(
 		min-width: 0,
 		white-space: nowrap,
-		dropdown-item: (
-			white-space: inherit,
-		),
 	),
 	$dropdown-menu-width-shrink
 );