Fixed: Empty Pattern Overlap in Pattern Title in Dataviews Table Layo…

…ut (WordPress#68997) * Fixed: Empty Pattern Overlap in Dataviews Table Layout * Fix Overlap Issue in RTL * Fix Text Overlap Issue * Fix Overlap Issue in Empty Template Table Layout Co-authored-by: shail-mehta <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: dhruvang21 <[email protected]> Co-authored-by: carolinan <[email protected]>
himanshupathak95 · Feb 11, 2025 · 9b387c8 · 9b387c8
1 parent e8afdae
commit 9b387c8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss
@@ -19,6 +19,8 @@
 	.dataviews-view-table & {
 		width: 96px;
 		flex-grow: 0;
+		text-wrap: balance; // Fallback for Safari.
+		text-wrap: pretty;
 	}
 }
 

diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss
@@ -23,6 +23,8 @@
 		position: relative;
 		width: 120px;
 		max-height: 160px;
+		text-wrap: balance; // Fallback for Safari.
+		text-wrap: pretty;
 
 		&::after {
 			content: "";