From ea91b6f156a821919b984095b012171d2c268d4e Mon Sep 17 00:00:00 2001 From: James Koster Date: Mon, 29 Jul 2024 11:18:48 +0100 Subject: [PATCH] Update template description in table layout (#63942) Co-authored-by: jameskoster Co-authored-by: t-hamano --- packages/base-styles/_variables.scss | 1 - .../edit-site/src/components/page-templates/style.scss | 8 +++++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/base-styles/_variables.scss b/packages/base-styles/_variables.scss index b10eeeb167dadf..f5a9ec38824ff3 100644 --- a/packages/base-styles/_variables.scss +++ b/packages/base-styles/_variables.scss @@ -22,7 +22,6 @@ $text-editor-font-size: 15px; $editor-line-height: 1.8; $mobile-text-min-font-size: 16px; // Any font size below 16px will cause Mobile Safari to "zoom in". - /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss index f3d596cc90f18e..067720ad9a1e97 100644 --- a/packages/edit-site/src/components/page-templates/style.scss +++ b/packages/edit-site/src/components/page-templates/style.scss @@ -52,7 +52,13 @@ } .page-templates-description { - white-space: normal; + max-width: 50em; + text-wrap: balance; // Fallback for Safari + text-wrap: pretty; + + .dataviews-view-table & { + margin-bottom: $grid-unit-10; + } } .edit-site-page-templates {