WordPress.org
Get WordPress

Make WordPress Core

Opened 3 months ago

Last modified 3 months ago

#63349 new enhancement

Twenty Fifteen: center Calendar block text

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

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 3 months ago.
Back-end:
twentyfifteen-calendar-block-front-end.png​ (175.9 KB) - added by viralsampat 3 months ago.
Front-end:
63349.patch​ (471 bytes) - added by viralsampat 3 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 3 months ago.
After resolved issue Back-end:
after-resolved-twentyfifteen-calendar-block-front-end.png​ (177.5 KB) - added by viralsampat 3 months ago.
After resolved issue front-end:

Download all attachments as: .zip

Change History (6)

@viralsampat
3 months ago

Back-end:

@viralsampat
3 months ago

Front-end:

@viralsampat
3 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
3 months ago

After resolved issue Back-end:

@viralsampat
3 months ago

After resolved issue front-end:

#1 @sabernhardt
3 months ago

  • Focuses ui removed
  • Keywords needs-design-feedback 2nd-opinion added; dev-feedback needs-testing removed
  • Summary changed from Twenty Fifteen Theme: Calendar block text alignment issue. to Twenty Fifteen: center Calendar block text
  • Type changed from defect (bug) to 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.