Fixed Incorrect Text Position issue in Dataviews (#68767)

* Fixed Position Issue in Dataviews * Removed Empty Line * Fixed Lint Issue * Added Suggested Changes * Added Suggested Changes * fixed lint issue * Fixed Lint Issue in field.js * Added tab in js instead of space * Fixed Lint Issue in field.js * Fixed Lint Issue * Fixed Lint Issue * fixed field.js issue * Added Suggested Changes * fixed lint issue * fixed lint issue Co-authored-by: shail-mehta <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: carolinan <[email protected]>
WordPress · Jan 25, 2025 · f073488 · f073488
1 parent 3f87733
commit f073488
Show file tree

Hide file tree

Showing 2 changed files with 10 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
@@ -4,10 +4,18 @@
 
 .page-patterns-preview-field {
 	display: flex;
+	justify-content: center;
+	align-items: center;
 	flex-direction: column;
 	height: 100%;
 	border-radius: $radius-medium;
 
+	.dataviews-view-grid & {
+		.block-editor-block-preview__container {
+			height: 100%;
+		}
+	}
+
 	.dataviews-view-table & {
 		width: 96px;
 		flex-grow: 0;

diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss
@@ -1,5 +1,7 @@
 .page-templates-preview-field {
 	display: flex;
+	justify-content: center;
+	align-items: center;
 	flex-direction: column;
 	height: 100%;
 	width: 100%;