Twenty Twenty-One: Fixes float clearing elements being visible in Row and Grid blocks.

The grid layout looks different between front and back end due to the float clearing elements being visible in Row and Grid blocks. This moves the hack rather than deletes it.

Props up1512001, sabernhardt, poena.
Fixes #61611.

Built from https://develop.svn.wordpress.org/trunk@58853


git-svn-id: http://core.svn.wordpress.org/trunk@58249 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Tammie Lister 2024-08-05 10:09:15 +00:00
parent c0d665f64e
commit ae993cf8e2
6 changed files with 34 additions and 36 deletions

View File

@ -2239,18 +2239,9 @@ input[type=reset]:disabled,
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before,
.wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
@ -6308,3 +6299,10 @@ footer {
.is-IE .post-thumbnail .wp-post-image {
min-width: auto;
}
.is-IE .wp-block-group:before,
.is-IE .wp-block-group:after {
content: "";
display: block;
clear: both;
}

View File

@ -1,18 +1,11 @@
.wp-block-group {
// Start IE clearfix.
// This hack is only necessary because we want to support IE11.
// If we don't want to support IE11, then "display: flow-root" would suffice.
display: block;
clear: both;
display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
&:before,
&:after {
content: "";
display: block;
clear: both;
}
// End IE clearfix.
.wp-block-group__inner-container {

View File

@ -50,4 +50,15 @@
.post-thumbnail .wp-post-image {
min-width: auto;
}
.wp-block-group {
&:before,
&:after {
content: "";
display: block;
clear: both;
}
}
}

View File

@ -2131,18 +2131,9 @@ input[type=reset]:disabled,
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before,
.wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-right: auto;
margin-left: auto;
@ -5882,3 +5873,10 @@ footer {
.is-IE .post-thumbnail .wp-post-image {
min-width: auto;
}
.is-IE .wp-block-group:before,
.is-IE .wp-block-group:after {
content: "";
display: block;
clear: both;
}

View File

@ -2141,18 +2141,9 @@ input[type=reset]:disabled,
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before,
.wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
@ -5918,3 +5909,10 @@ footer {
.is-IE .post-thumbnail .wp-post-image {
min-width: auto;
}
.is-IE .wp-block-group:before,
.is-IE .wp-block-group:after {
content: "";
display: block;
clear: both;
}

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.7-alpha-58852';
$wp_version = '6.7-alpha-58853';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.