Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-01-24 17:21:34 +01:00
Code Issues Projects Releases Wiki Activity

Twenty Twenty-One: Display inline-images inline.

Browse Source 
Remove `display: block` property from inline images and display them center aligned vertically.

Props jeroenrotty, melchoyce, mukesh27, paaljoachim, poena, talldanwp.
Fixes #52287.


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


git-svn-id: http://core.svn.wordpress.org/trunk@49962 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Peter Wilson 2021-02-16 02:26:08 +00:00
parent 49f0fc9e53
commit 147852757c
8 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
wp-content/themes/twentytwentyone/assets/css/ie-editor.css
View File

@ -235,9 +235,9 @@ blockquote footer {
} }
img { img {
display: block;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */

10
wp-content/themes/twentytwentyone/assets/css/ie.css
View File

@ -2071,7 +2071,9 @@ fieldset input[type=checkbox] + label {
} }
img { img {
display: block; height: auto;
max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */
@ -3484,12 +3486,6 @@ h6 {
margin-top: 0; margin-top: 0;
} }
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img { .wp-block-image.is-style-twentytwentyone-border img {
border: 3px solid #28303d; border: 3px solid #28303d;
} }

2
wp-content/themes/twentytwentyone/assets/css/style-editor.css
View File

@ -397,9 +397,9 @@ blockquote footer {
} }
img { img {
display: block;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */

2
wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss
View File

@ -1,7 +1,7 @@
img { img {
display: block;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */

6
wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss
View File

@ -35,12 +35,6 @@
} }
} }
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
// Block Styles // Block Styles
.wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img { .wp-block-image.is-style-twentytwentyone-image-frame img {

8
wp-content/themes/twentytwentyone/style-rtl.css
View File

@ -1564,9 +1564,9 @@ fieldset input[type=checkbox] + label {
} }
img { img {
display: block;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */
@ -2368,12 +2368,6 @@ h6,
margin-top: 0; margin-top: 0;
} }
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img { .wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border); border: calc(3 * var(--separator--height)) solid var(--global--color-border);

8
wp-content/themes/twentytwentyone/style.css
View File

@ -1574,9 +1574,9 @@ fieldset input[type=checkbox] + label {
} }
img { img {
display: block;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
/* Classic editor images */ /* Classic editor images */
@ -2378,12 +2378,6 @@ h6,
margin-top: 0; margin-top: 0;
} }
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img { .wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border); border: calc(3 * var(--separator--height)) solid var(--global--color-border);

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.7-beta2-50350'; $wp_version = '5.7-beta2-50351';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.