Skip to content

Commit

Permalink
Summary: Polish featured image (#60110)
Browse files Browse the repository at this point in the history
* Polish featured image.

* Address feedback.

* Restore 80px.

Co-authored-by: jasmussen <joen@git.wordpress.org>
Co-authored-by: ntsekouras <ntsekouras@git.wordpress.org>
Co-authored-by: richtabor <richtabor@git.wordpress.org>
Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
  • Loading branch information
5 people committed Mar 22, 2024
1 parent f37b06c commit f0ceb05
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions packages/editor/src/components/post-featured-image/style.scss
Expand Up @@ -12,7 +12,6 @@

.editor-post-featured-image__container {
position: relative;
aspect-ratio: 2/1;

&:hover,
&:focus,
Expand All @@ -31,15 +30,17 @@
@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;
}

.editor-post-featured-image__preview {
height: auto;
outline: $border-width solid rgba($black, 0.1);

.editor-post-featured-image__preview-image {
object-fit: cover;
Expand Down

0 comments on commit f0ceb05

Please sign in to comment.