Merge pull request #5821 from ilzamcmed/LPD-2278

fix(@clayui/empty-state): LPD-2278 Panels with empty states cannot be zoomed 200%
liferay · May 21, 2024 · cb1a627 · cb1a627
2 parents c432c2c + cb3285e
commit cb1a627
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/clay-css/src/scss/cadmin/variables/_empty-state.scss b/packages/clay-css/src/scss/cadmin/variables/_empty-state.scss
@@ -6,6 +6,7 @@ $cadmin-c-empty-state-animation: map-deep-merge(
 		align-items: center,
 		display: flex,
 		flex-direction: column,
+		flex-shrink: 0,
 		margin: 80px auto 24px,
 		max-width: 340px,
 		text-align: center,

diff --git a/packages/clay-css/src/scss/variables/_empty-state.scss b/packages/clay-css/src/scss/variables/_empty-state.scss
@@ -3,7 +3,10 @@ $c-empty-state: () !default;
 $c-empty-state-animation: () !default;
 $c-empty-state-animation: map-deep-merge(
 	(
-		display: block,
+		align-items: center,
+		display: flex,
+		flex-direction: column,
+		flex-shrink: 0,
 		margin: 5rem auto 1.5rem,
 		max-width: 340px,
 		text-align: center,
@@ -14,7 +17,7 @@ $c-empty-state-animation: map-deep-merge(
 $c-empty-state-image: () !default;
 $c-empty-state-image: map-deep-merge(
 	(
-		margin: 0 auto 2rem,
+		margin-bottom: -0.5rem,
 		max-width: 250px,
 		width: 100%,
 		word-wrap: break-word,