From 63f0cc8a6d6b4e363964cfc6ed2d8fdf70cb0a6f Mon Sep 17 00:00:00 2001 From: Aki Hamano <54422211+t-hamano@users.noreply.github.com> Date: Tue, 2 Jul 2024 19:46:59 +0900 Subject: [PATCH] DataViews: Restore preview focus outline in grid layout (#62991) Co-authored-by: t-hamano Co-authored-by: jameskoster Co-authored-by: jasmussen Co-authored-by: carolinan --- packages/dataviews/src/style.scss | 1 - .../edit-site/src/components/page-patterns/style.scss | 9 +-------- .../edit-site/src/components/page-templates/style.scss | 7 +------ packages/edit-site/src/components/posts-app/style.scss | 2 +- 4 files changed, 3 insertions(+), 16 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index 76a9ab2dec4949..4ea55a7a273352 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -340,7 +340,6 @@ aspect-ratio: 1/1; background-color: $gray-100; border-radius: $grid-unit-05; - overflow: hidden; position: relative; img { diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index 48780940f8cb62..2014d3b94fdae3 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -35,13 +35,6 @@ display: flex; flex-direction: column; height: 100%; - border-radius: 3px 3px 0 0; - - &.is-viewtype-grid { - .block-editor-block-preview__container { - border-radius: 3px 3px 0 0; - } - } &.is-viewtype-table { width: 96px; @@ -62,7 +55,7 @@ cursor: pointer; overflow: hidden; height: 100%; - border-radius: 3px 3px 0 0; + border-radius: $grid-unit-05; &:focus-visible { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss index f3132bed3728ce..eb4f7430b24e54 100644 --- a/packages/edit-site/src/components/page-templates/style.scss +++ b/packages/edit-site/src/components/page-templates/style.scss @@ -2,7 +2,6 @@ display: flex; flex-direction: column; height: 100%; - border-radius: 3px 3px 0 0; .page-templates-preview-field__button { box-shadow: none; @@ -13,7 +12,7 @@ cursor: pointer; overflow: hidden; height: 100%; - border-radius: 3px; + border-radius: $grid-unit-05; &:focus-visible { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); @@ -32,10 +31,6 @@ .block-editor-block-preview__container { height: 100%; } - - .page-templates-preview-field__button { - border-radius: 3px 3px 0 0; - } } &.is-viewtype-table { diff --git a/packages/edit-site/src/components/posts-app/style.scss b/packages/edit-site/src/components/posts-app/style.scss index 448edda9835854..e1f88aa67cc5e6 100644 --- a/packages/edit-site/src/components/posts-app/style.scss +++ b/packages/edit-site/src/components/posts-app/style.scss @@ -43,7 +43,7 @@ overflow: hidden; height: 100%; width: 100%; - border-radius: 3px 3px 0 0; + border-radius: $grid-unit-05; &:focus-visible { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);