WordPress.org

Make WordPress Core

Opened 5 weeks ago

Last modified 4 weeks ago

#54176 new defect (bug)

UI Defects - Featured Image

Reported by: cnaveenkumar Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.8
Component: Editor Keywords: has-patch needs-testing needs-design-feedback
Focuses: css Cc:

Description

Hi Team,

I see a UI bug when uploading an svg image as a featured image. (includes a screenshot for reference. )

https://i.ibb.co/rp03DHj/ui-issue.png

Change History (3)

#1 @sabernhardt
5 weeks ago

  • Component changed from General to Editor
  • Focuses css added

Welcome to Trac and thanks for the report!

An SVG does not display well there with the absolute positioning.

The Safe SVG plugin fixes that with:

img.components-responsive-wrapper__content[src$=".svg"] {
    position: relative;
}

#2 @hilayt24
5 weeks ago

.editor-post-featured-image__container .editor-post-featured-image__preview .components-responsive-wrapper span {
	padding-bottom: 0 !important;
}

.editor-post-featured-image__container .editor-post-featured-image__preview .components-responsive-wrapper .components-responsive-wrapper__content{
	position: static !important;
}

This will override the stylings that result in the error. And it solves the issue. Padding is also be removed from the span tag as its inline padding effects the images in twenty-twenty-one theme
Result of changes: https://www.awesomescreenshot.com/image/13965113?key=0689b1139b50a2c8bc1c573368dc2179

Last edited 5 weeks ago by hilayt24 (previous) (diff)

#3 @hilayt24
4 weeks ago

  • Keywords has-patch needs-testing needs-design-feedback added
Note: See TracTickets for help on using tickets.