WordPress.org
Get WordPress

Make WordPress Core

Opened 18 months ago

Last modified 18 months ago

#63349 new enhancement

Twenty Fifteen: center Calendar block text

Reported by: viralsampat Owned by:
Priority: normal Milestone: Awaiting Review
Component: Bundled Theme Version:
Severity: normal Keywords: needs-design-feedback 2nd-opinion
Cc: Focuses: css

Description

Hello Team,

I have checked "Calendar" block and I found that its text alignment is not properly displaying into the "twentyfifteen" theme.

The calendar block align text on center on a back-end side. while on a front-end side, it displaying text into the left align.

I think that it should be the same on both(Front-end & Back-end) sides.

I have tested this into the below mentioned configurations:

WordPress version: WordPress 6.8.0 running
Theme: Twenty Fifteen
Browser: Google Chrome, Version 135.0.7049.96 (Official Build) (arm64)
Device: MacBook Air M1
OS: macOS 15.4.1 (24E263)
Gutenberg plugin: Version 20.6.0
For better understanding, here I have attached its screenshots.

Thanks,

Attachments (5)

twentyfifteen-calendar-block-back-end.png​ (232.3 KB ) - added by viralsampat 18 months ago.
Back-end:
twentyfifteen-calendar-block-front-end.png​ (175.9 KB ) - added by viralsampat 18 months ago.
Front-end:
63349.patch​ (471 bytes ) - added by viralsampat 18 months ago.
I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.
after-resolved-twentyfifteen-calendar-block-back-end.png​ (231.7 KB ) - added by viralsampat 18 months ago.
After resolved issue Back-end:
after-resolved-twentyfifteen-calendar-block-front-end.png​ (177.5 KB ) - added by viralsampat 18 months ago.
After resolved issue front-end:

Download all attachments as: .zip

Change History (6)

@viralsampat
18 months ago

Back-end:

@viralsampat
18 months ago

Front-end:

@viralsampat
18 months ago

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

@viralsampat
18 months ago

After resolved issue Back-end:

@viralsampat
18 months ago

After resolved issue front-end:

#1 @sabernhardt
18 months ago

  • Focuses ui removed
  • Keywords needs-design-feedback 2nd-opinion added; dev-feedback needs-testing removed
  • Summary Twenty Fifteen Theme: Calendar block text alignment issue. → Twenty Fifteen: center Calendar block text
  • Type defect (bug) → enhancement

#59602 could make any table's alignment consistent with the front end by using text-align: start in the editor, but this proposes to center the Calendar block cells.

If centering the Calendar is appropriate in Twenty Fifteen, the styles would belong in blocks.css (and/or editor-blocks.css). Also, the patch would need to follow ​CSS coding standards.

Note: See TracTickets for help on using tickets.