Make WordPress Core

Opened 3 years ago

Last modified 19 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 Owned by:
Priority: normal Milestone: Awaiting Review
Component: Bundled Theme Version: 6.3
Severity: normal Keywords: needs-patch
Cc: Focuses: css

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 3 years 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 (4)

@nidhidhandhukiya
3 years 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
3 years ago

  • Component ThemesBundled Theme
  • Keywords dev-feedback removed
  • Summary Twenty Twenty Theme: Details block padding issue when setting its alignment to full-widthTwenty 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
3 years ago

  • Version 6.46.3

#3 @sabernhardt
19 months ago

#62890 was marked as a duplicate.

Note: See TracTickets for help on using tickets.