WordPress.org

Make WordPress Core

Opened 8 days ago

Last modified 45 hours ago

#48448 new defect (bug)

Audio in Twenty Sixteen are lacking bottom margin

Reported by: PGeorgiev Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: trunk
Component: Bundled Theme Keywords: has-patch dev-feedback
Focuses: ui Cc:
PR Number:

Description

Posts that have audio: the comment link is too close to the media.

Attachments (3)

audio-no-margin-bottom.png (580.4 KB) - added by PGeorgiev 8 days ago.
Posts that have audio: the comment link is too close to the media.
firefox-audio-no-margin-bottom.png (596.3 KB) - added by PGeorgiev 8 days ago.
48448.diff (403 bytes) - added by PGeorgiev 8 days ago.

Download all attachments as: .zip

Change History (5)

@PGeorgiev
8 days ago

Posts that have audio: the comment link is too close to the media.

@PGeorgiev
8 days ago

#1 @emilyatmobtown
2 days ago

  • Keywords dev-feedback added

Thank you for reporting this, @PGeorgiev!

I've confirmed that this bug exists. The Audio block lacks a bottom margin, unlike other blocks such as the quote block and image block. However, this exists across all themes, not just Twenty Sixteen.

I'd suggest adding the bottom margin to .wp-block-audio in the Gutenberg's CSS to be consistent with .wp-block-image and .wp-block-quote.

(Additionally, I'd suggest adding it to .wp-block-audio rather than .wp-block-audio audio so that the margin is added below the caption, if one exists.)

I've tagged this for dev feedback for further discussion about best implementation and will open an issue in the Gutenberg repo and paste the link below to cross-reference.

#2 @emilyatmobtown
45 hours ago

A Github issue has been opened on the Gutenberg repo for further discussion: https://github.com/WordPress/gutenberg/issues/18255

Note: See TracTickets for help on using tickets.