From f073488d629de356e183efd722ec3d05d8119cd3 Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Sat, 25 Jan 2025 14:21:53 +0530 Subject: [PATCH] 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 Co-authored-by: t-hamano Co-authored-by: carolinan --- .../edit-site/src/components/page-patterns/style.scss | 8 ++++++++ .../edit-site/src/components/page-templates/style.scss | 2 ++ 2 files changed, 10 insertions(+) diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index 2cacc8fab607c2..8a2d71d87633d7 100644 --- 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 index bb9069e2c5038a..89aa9dd312fb43 100644 --- 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%;