Make WordPress Core

Opened 8 weeks ago

Closed 7 weeks ago

#62743 closed defect (bug) (duplicate)

Twenty Nineteen: Quote block having issue with font-size.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

Steps to reproduce the issue:-

  1. Activate Twenty Nineteen theme.
  2. Choose Quote block.
  3. Add some text.
  4. Use citation also.
  5. Now change font size from the main quote block.
  6. Use custom font-size in pixels.

See the difference in editor and front side both.
You can able to see that the applied font-size is only working for the main text of quote block in front side.
The applied font size is not working for the editor side and for front side citation.

Attachments (1)

62743.patch (2.4 KB) - added by nidhidhandhukiya 8 weeks ago.

Download all attachments as: .zip

Change History (4)

#1 @abcd95
7 weeks ago

Hey @nidhidhandhukiya, I observed a similar behavior while testing on the trunk.

Editor - https://postimg.cc/LqMBS08Q

Frontend - https://postimg.cc/grtsfsF8

However, I think this issue needs to be addressed in the Gutenberg repository as I believe this can be fixed block level.

Also, the patch provided is outdated compared to the latest version of the trunk and it might need a refresh.

#2 @abcd95
7 weeks ago

  • Keywords needs-refresh added

#3 @sabernhardt
7 weeks ago

  • Keywords needs-refresh removed
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed
  • Summary changed from Twenty Nineteen - Quote block having issue with font-size. to Twenty Nineteen: Quote block having issue with font-size.
  • Version 6.7.1 deleted

The citation issue was already reported on #58169.

The paragraph font size issue in the editor could be fixed with #60880. If that ticket does not fix it, however, the styles should not need to qualify [style*="font-size"] or [class*="-font-size"] for the custom font sizes. I think 1em would work with just the paragraph element in style-editor.scss.

.wp-block-quote {

	p {
		font-size: 1em;
	}

	&:not(.is-large):not(.is-style-large) {
Note: See TracTickets for help on using tickets.