WordPress.org

Make WordPress Core

#46049 closed defect (bug) (invalid)

Twenty Seventeen: Quote block alignments missing functionality/styles from blockquotes in classic editor

Reported by: laurelfulford Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: Cc:

Description

The quote blocks in Twenty Seventeen don't include the same alignment functionality/styles as blockquotes when added to the classic editor/block.

When aligned left and right, blockquotes in the classic editor use a smaller font size.

When there is no sidebar, these blockquotes pull slightly outside of the content area.

When there is a sidebar, right-aligned blockquotes pull fully outside of the content area.

The quote blocks currently don't include any of this styling; it would be good to have them displaying consistently when aligned left and right.

Found through testing #40103.

Attachments (2)

Screen Shot 2019-01-21 at 9.24.50 AM.png (125.2 KB) - added by laurelfulford 22 months ago.
Twenty Seventeen - blockquote aligned right in classic block
Screen Shot 2019-01-21 at 9.25.29 AM.png (107.6 KB) - added by laurelfulford 22 months ago.
Twenty Seventeen - quote block aligned right

Download all attachments as: .zip

Change History (3)

@laurelfulford
22 months ago

Twenty Seventeen - blockquote aligned right in classic block

@laurelfulford
22 months ago

Twenty Seventeen - quote block aligned right

#1 @laurelfulford
22 months ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

After further testing in #40103, it looks like this is working as expected, I just wasn't following the correct steps :)

To get the quote block to exhibit the same styles as an aligned blockquote in the classic editor, the alignright class has to be added to it under the 'Advanced' panel.

The quote block does experience the same issue as outlined in #40103 (not pulling fully right on load), but that should be fixed with that issue's patch.

Note: See TracTickets for help on using tickets.