Make WordPress Core

Opened 5 weeks ago

Last modified 3 weeks ago

#62781 new defect (bug)

Twenty Twenty: Inconsistent caption styles between editor and front-end in Calendar block

Reported by: sukhendu2002's profile sukhendu2002 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version:
Component: Bundled Theme Keywords: has-screenshots has-patch needs-testing changes-requested
Focuses: Cc:

Description

In the Twenty Twenty theme, the calendar block styling differs between the editor and frontend views:

  • The calendar header lacks padding in the editor but shows padding on the frontend.
  • Font-weight is missing in the editor but appears on the frontend.

https://utfs.io/f/TTyF6MLuAyHD4JcR2BhdPVQck2M6EBvj9mgD37Fr0WetKZuf

Change History (8)

This ticket was mentioned in PR #8088 on WordPress/wordpress-develop by @sukhendu2002.


5 weeks ago
#1

  • Keywords has-patch added

#2 @dhruvang21
5 weeks ago

  • Keywords needs-testing added
  • Type changed from enhancement to defect (bug)

#3 @gulamdastgir04
5 weeks ago

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: https://patch-diff.githubusercontent.com/raw/WordPress/wordpress-develop/pull/8088.diff

Environment

  • WordPress: 6.8-alpha-59274-src
  • PHP: 8.2.27
  • Server: nginx/1.27.3
  • Database: mysqli (Server: 8.4.3 / Client: mysqlnd 8.2.27)
  • Browser: Chrome 131.0.0.0
  • OS: Linux
  • Theme: Twenty Twenty 2.8
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results

  1. ✅ Issue resolved with patch.

Editor:
https://tinyurl.com/2yrpdng3

Frontend:
https://tinyurl.com/226c8sd7

#4 @poena
5 weeks ago

  • Keywords changes-requested added

Hi
PR 8088 ensures that the caption looks the same in the editor and front.

But when testing I found that the Typography > Appearance option which can be used to adjust the font weight of the block is not working.

It is not working to 100% with or without this PR, but the PR prevents the Typography > Appearance option from styling the caption in the editor.

Can we find a solution where the default font weight for the caption is 600 in both the editor and front, and where the Appearance option works in both the editor and front?

#5 @sabernhardt
5 weeks ago

  • Summary changed from Twenty Twenty Theme: Inconsistent styles between editor and front-end in calendar block to Twenty Twenty: Inconsistent caption styles between editor and front-end in Calendar block
  • Version 6.7.1 deleted

This ticket was mentioned in PR #8110 on WordPress/wordpress-develop by @nidhidhandhukiya.


5 weeks ago
#6

Trac ticket
Trac ticket: https://core.trac.wordpress.org/ticket/62781

I have addressed the issue and created a new PR to ensure the following:

  1. The default font weight for the caption is set to 600 in both the editor and front end.
  2. The Typography > Appearance option now correctly adjusts the font weight of the caption in both the editor and front.

#7 @nidhidhandhukiya
5 weeks ago

Hello @poena

I have added Pr as per your request.

This new PR resolves the inconsistencies and ensures the functionality works as expected. Please review the changes and let me know if any further adjustments are needed.

#8 @poena
3 weeks ago

With PR 8110, all the Typography settings are working.

I want to make the following change request:
The PR also removes a file from the theme Twenty Ten. That change is unrelated.

Also, unrelated to the PR, I am seeing one more problem.
The font family of the calendar table footer is wrong on the front. It should be Inter like the rest of the block.
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;

(The footer is only visible if there are posts created in more than one month)

Should we solve this as part of this issue, or open new issues?

Note: See TracTickets for help on using tickets.