WordPress.org

Make WordPress Core

Opened 2 months ago

Last modified 2 months 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
2 months 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
2 months 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

Version 0, edited 2 months ago by hilayt24 (next)

#3 @hilayt24
2 months ago

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