Make WordPress Core

Opened 3 years ago

Last modified 20 months 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 3 years ago.
Testing Twenty Twenty Theme 1.png (275.4 KB) - added by jyolsna 3 years ago.
Testing Twenty Twenty Theme 2.png (336.1 KB) - added by jyolsna 3 years ago.
58495.diff (1.6 KB) - added by sarath.ar 3 years ago.
58495.patch (2.6 KB) - added by shailu25 3 years ago.
Patch Added
Backend - Before Patch.png (77.9 KB) - added by shailu25 3 years ago.
Backend - Before Patch
Frontend - Before Patch.png (54.1 KB) - added by shailu25 3 years ago.
Frontend - Before Patch
Backend - After Patch.png (78.1 KB) - added by shailu25 3 years ago.
Backend - After Patch
Frontend - After Patch.png (52.7 KB) - added by shailu25 3 years 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.


3 years ago

@sarath.ar
3 years ago

#2 @sarath.ar
3 years 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
3 years ago

Patch Added

@shailu25
3 years ago

Backend - Before Patch

@shailu25
3 years ago

Frontend - Before Patch

@shailu25
3 years ago

Backend - After Patch

@shailu25
3 years ago

Frontend - After Patch

#3 @shailu25
3 years 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
20 months 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.