Make WordPress Core

Opened 8 months ago

Last modified 7 months ago

#59957 new defect (bug)

Twenty Twenty and Twenty Twenty-One: Details block padding issue when setting its alignment to full-width

Reported by: viralsampat's profile viralsampat Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.3
Component: Bundled Theme Keywords: needs-patch
Focuses: css Cc:

Description

Hello Team,

I have worked on the "Twenty Twenty" theme and found that the "Twenty Twenty" theme contains an issue for the "Details" block. The padding is not displaying properly on the back-end side. The front-end side looks good. When we set "Full Width" from the components toolbar group

Here, I have provided screenshots:

Front-end:

https://share.cleanshot.com/5lDkjpfwVVwwxFRlNvwl

Back-end:
https://share.cleanshot.com/zdf5SNvpv7kzrHRL9F8N

Thanks,

Attachments (1)

59957.patch (1.6 KB) - added by nidhidhandhukiya 8 months ago.
This issue is happening with Twenty twenty and twenty twenty one also I have applied the patch which can resolve the issue for both the themes.

Download all attachments as: .zip

Change History (3)

@nidhidhandhukiya
8 months ago

This issue is happening with Twenty twenty and twenty twenty one also I have applied the patch which can resolve the issue for both the themes.

#1 @sabernhardt
8 months ago

  • Component changed from Themes to Bundled Theme
  • Keywords dev-feedback removed
  • Summary changed from Twenty Twenty Theme: Details block padding issue when setting its alignment to full-width to Twenty Twenty and Twenty Twenty-One: Details block padding issue when setting its alignment to full-width

The max-width would need to be changed, not the margins.

I think this would work for both themes (in editor styles):

.wp-block-details > .wp-block {
	max-width: 100%;
}

#2 @sabernhardt
7 months ago

  • Version changed from 6.4 to 6.3
Note: See TracTickets for help on using tickets.