Skip to content

Commit

Permalink
Featured Image Panel: Align text and icons horizontally to avoid clip…
Browse files Browse the repository at this point in the history 
…ping (#62842)

* Featured Image Panel: Align text and icons horizontally to avoid clipping

* Apply rounded corner to drop zone

Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: jasmussen <joen@git.wordpress.org>
Co-authored-by: annezazu <annezazu@git.wordpress.org>
  • Loading branch information
@t-hamano @annezazu
4 people authored Jun 26, 2024
1 parent 59e38b2 commit 2972e37
Showing 1 changed file with 15 additions and 0 deletions.
15 changes: 15 additions & 0 deletions packages/editor/src/components/post-featured-image/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,21 @@
opacity: 1;
}
}

.components-drop-zone__content {
border-radius: $radius-block-ui;
}

// Align text and icons horizontally to avoid clipping when the featured image is not set.
&:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner {
display: flex;
align-items: center;
gap: $grid-unit-10;

.components-drop-zone__content-icon {
margin: 0;
}
}
}

.editor-post-featured-image__toggle,
Expand Down

1 comment on commit 2972e37

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Flaky tests detected in 2972e37.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/9679891800
📝 Reported issues:

Please sign in to comment.