From f0ceb050f4a62435c7fdf79b216ecc113068f209 Mon Sep 17 00:00:00 2001 From: Joen A <1204802+jasmussen@users.noreply.github.com> Date: Fri, 22 Mar 2024 19:10:40 +0100 Subject: [PATCH] Summary: Polish featured image (#60110) * Polish featured image. * Address feedback. * Restore 80px. Co-authored-by: jasmussen Co-authored-by: ntsekouras Co-authored-by: richtabor Co-authored-by: jameskoster --- .../editor/src/components/post-featured-image/style.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/editor/src/components/post-featured-image/style.scss b/packages/editor/src/components/post-featured-image/style.scss index c7a871750c815..c554c4905f272 100644 --- a/packages/editor/src/components/post-featured-image/style.scss +++ b/packages/editor/src/components/post-featured-image/style.scss @@ -12,7 +12,6 @@ .editor-post-featured-image__container { position: relative; - aspect-ratio: 2/1; &:hover, &:focus, @@ -31,8 +30,9 @@ @include reduce-motion("transition"); box-shadow: 0 0 0 0 var(--wp-admin-theme-color); overflow: hidden; // Ensure the focus style properly encapsulates the image. - outline: $border-width solid rgba(0, 0, 0, 0.1); outline-offset: -#{$border-width}; + min-height: $grid-unit-50 * 2; + margin-bottom: $grid-unit-20; display: flex; justify-content: center; @@ -40,6 +40,7 @@ .editor-post-featured-image__preview { height: auto; + outline: $border-width solid rgba($black, 0.1); .editor-post-featured-image__preview-image { object-fit: cover;