Make WordPress Core

Opened 12 months ago

Last modified 3 weeks ago

#58495 new defect (bug)

Twenty Twenty: Pullquote block issues with font weight and italics

Reported by: jyolsna's profile jyolsna Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.2.2
Component: Bundled Theme Keywords: has-screenshots has-patch
Focuses: Cc:

Description

Pull Quote block citation on Twenty Twenty theme has these issues:

  1. Pull Quote citation is always shown in Italics in Block Editor but normal in Frontend.
  2. Pull Quote is shown in Bold in Frontend even if not selected in Block Editor. Even selecting options from Appearance has no effect on the frontend.
  3. If you make the citation Italic, it becomes Italic & bolder. Then if you select Bold, it becomes bold. But if you select Bold first and then Italic, font becomes bolder and not bold. The HTML element depends on the first chosen option.

How to Replicate:

  1. Activate the Twenty Twenty theme
  2. Insert Pull Quote block and enter quote and citation.

Attachments (9)

Testing 2020 Theme -PullQuote 1.mp4 (704.2 KB) - added by jyolsna 12 months ago.
Testing Twenty Twenty Theme 1.png (275.4 KB) - added by jyolsna 12 months ago.
Testing Twenty Twenty Theme 2.png (336.1 KB) - added by jyolsna 12 months ago.
58495.diff (1.6 KB) - added by sarath.ar 12 months ago.
58495.patch (2.6 KB) - added by shailu25 12 months ago.
Patch Added
Backend - Before Patch.png (77.9 KB) - added by shailu25 12 months ago.
Backend - Before Patch
Frontend - Before Patch.png (54.1 KB) - added by shailu25 12 months ago.
Frontend - Before Patch
Backend - After Patch.png (78.1 KB) - added by shailu25 12 months ago.
Backend - After Patch
Frontend - After Patch.png (52.7 KB) - added by shailu25 12 months ago.
Frontend - After Patch

Download all attachments as: .zip

Change History (13)

This ticket was mentioned in Slack in #core by jyolsna. View the logs.


12 months ago

@sarath.ar
12 months ago

#2 @sarath.ar
12 months ago

  • Keywords has-patch added; needs-patch removed

Uploaded the patch for #2 & #3, for #1 user can still make the 'Citation' italics using the block options.

@shailu25
12 months ago

Patch Added

@shailu25
12 months ago

Backend - Before Patch

@shailu25
12 months ago

Frontend - Before Patch

@shailu25
12 months ago

Backend - After Patch

@shailu25
12 months ago

Frontend - After Patch

#3 @shailu25
12 months ago

Added Patch for 1st Point(Pull Quote citation is always shown in Italics in Block Editor) & Merged all 3 Patches in one file.

#4 @poena
3 weeks ago

  • Summary changed from Twenty Twenty: Pull Quote Block issues to Twenty Twenty: Pullquote block issues with font weight and italics
Note: See TracTickets for help on using tickets.