Opened 14 months ago
Last modified 7 months ago
#60196 new defect (bug)
Twenty Twenty-One: List Item blocks have extra margin in editor
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | minor | Version: | 6.1 |
Component: | Bundled Theme | Keywords: | has-patch changes-requested |
Focuses: | css | Cc: |
Description
Steps to reproduce the issue.
- Activate Twenty Twenty one theme.
- Choose List block.
- Add some data into list.
- Apply some background color.
Now check both the side you can able to see there is a difference in editor and front end in spacing.
Editor side there is more spacing compare to front side.
I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/ZmNJlFXhGPj4bpJNNP4C
Attachments (1)
Change History (4)
#2
@
13 months ago
- Focuses css added
- Keywords has-patch changes-requested added
- Summary changed from Twenty Twenty One :- List block having issue with spacing in editor side. to Twenty Twenty-One: List Item blocks have extra margin in editor
- Version changed from 6.4.2 to 6.1
The inner blocks (List Item) added in 6.1 get the default top and bottom margin.
Twenty Twenty-One uses SASS, so the edits belong in assets/sass/05-blocks/list/_editor.scss
, which then would be compiled to the CSS files.
The Navigation styles use revert
and Social Icons styles set only the top and bottom margins to zero in the editor.
Note: See
TracTickets for help on using
tickets.
Twenty Twenty One :- List block having issue with spacing in editor side.
Description
Editor side there is more spacing compare to front side.
Environment
Steps to Reproduce
Expected Results
Actual Results
2[Patch]https://s3.filebin.net/filebin/ceb092d29d93c8c812645eed0d37946495501502b2c2b6f8dd6a82ade9d4bd9a/d91b381be63f6b6adf895010383090b724f05ce1eef03b333c2ebee27aa6c62c?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=7pMj6hGeoKewqmMQILjm%2F20240105%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240105T104450Z&X-Amz-Expires=30&X-Amz-SignedHeaders=host&response-cache-control=max-age%3D30&response-content-disposition=filename%3D%22Patch.png%22&response-content-type=image%2Fpng&X-Amz-Signature=5138b6bc7340417eca5ccae2d36643b1158d9137db6951ec3d14596c07bba14a
Working smoothly and fixed successfully ✅