[wp-trac] [WordPress Trac] #49435: twentytwenty theme: inconsistent top and bottom margins for .alignwide and .alignfull on Chrome vs Safari (cross browser issue)
WordPress Trac
noreply at wordpress.org
Fri Feb 14 12:13:17 UTC 2020
#49435: twentytwenty theme: inconsistent top and bottom margins for .alignwide and
.alignfull on Chrome vs Safari (cross browser issue)
--------------------------+-----------------------------
Reporter: kthmd | Owner: (none)
Type: defect (bug) | Status: new
Priority: normal | Milestone: Awaiting Review
Component: Themes | Version: 5.3.2
Severity: normal | Keywords:
Focuses: css |
--------------------------+-----------------------------
I've noticed on the latest WordPress and twentytwenty theme that there is
an inconsistency in top and bottom margins, notably Chrome ignores lines
**style.css:5296** and **style.css:5942** - so Chrome does not have the
margins, but Safari does. This seems to be quite a large layout issue
cross browser.
For example, use default twentytwenty theme, go to sample page and edit,
create a cover block, set to fullwidth, and notice the top and bottom
margin difference in Chrome (v80) and Safari (v13)
**style.css:5296**
{{{
.entry-content .alignwide:not(.wp-block-group.has-background),
.entry-content .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 6rem;
margin-top: 6rem;
}
}}}
**style.css:5942**
{{{
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 8rem;
margin-top: 8rem;
}
}}}
--
Ticket URL: <https://core.trac.wordpress.org/ticket/49435>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list