Make WordPress Core

Opened 11 months ago

Last modified 11 months ago

#59263 new defect (bug)

Twenty Nineteen: File block does not respect center alignment setting

Reported by: truptikanzariya's profile truptikanzariya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0
Component: Bundled Theme Keywords: needs-patch
Focuses: css Cc:

Description

In the Twenty Nineteen Theme, the File Block element may not be centered correctly on the front end of the website. This misalignment can result in a visually uneven layout.

For a better understanding, I have attached a video.

https://www.awesomescreenshot.com/video/20417359?key=343f6fb217d9d85baa05a68bcd238f6a

Thank you.

Attachments (3)

centered-file-blocks-v2-editor.png (149.7 KB) - added by sabernhardt 11 months ago.
Centered file blocks with Twenty Nineteen in WordPress 6.3 with the non-framed editor
centered-file-blocks-iframe-editor.png (149.2 KB) - added by sabernhardt 11 months ago.
The iframe editor does not center File block contents either
centered-file-blocks-front.png (82.5 KB) - added by sabernhardt 11 months ago.
On the front end, text links are centered within the content area, but Download links are not centered

Download all attachments as: .zip

Change History (5)

@sabernhardt
11 months ago

Centered file blocks with Twenty Nineteen in WordPress 6.3 with the non-framed editor

@sabernhardt
11 months ago

The iframe editor does not center File block contents either

@sabernhardt
11 months ago

On the front end, text links are centered within the content area, but Download links are not centered

#1 @sabernhardt
11 months ago

  • Component changed from Themes to Bundled Theme
  • Focuses css added
  • Summary changed from The Twenty Nineteen Theme: File Block is not centered on the front end. to Twenty Nineteen: File Block can only center the text link
  • Version changed from trunk to 5.0

Thanks for the report!

The Center alignment setting apparently never worked on the Download link, when it is included in the File block, with Twenty Nineteen. The Download link would need to honor the Center setting in both the editor and the front end, and the text link would need centering within the editor too.

The PDF embed is the full block width, so it does not need centering. Twenty Nineteen aligns this block with paragraphs and other content blocks, not according to the page (see #58441).

#2 @sabernhardt
11 months ago

  • Summary changed from Twenty Nineteen: File Block can only center the text link to Twenty Nineteen: File block does not respect center alignment setting
Note: See TracTickets for help on using tickets.