sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Nineteen: Make sure center-aligned images in columns do not break beyond the column boundaries.

Browse Source 
Props kjellr.
Fixes #47937.

git-svn-id: https://develop.svn.wordpress.org/trunk@45897 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2019-08-26 19:00:46 +00:00
parent c8bd4cbae4
commit ef69d4ba14
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
View File

@ -788,7 +788,8 @@
}
// Ensure images do not expand beyond the column.
.wp-block-image > img:not(.alignwide):not(.alignfull) {
.wp-block-image > img:not(.alignwide):not(.alignfull),
.wp-block-image > figure {
@include media(tablet) {
max-width: 100%;

6
src/wp-content/themes/twentynineteen/style-rtl.css
View File

@ -6092,13 +6092,15 @@ body.page .main-navigation {
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}

6
src/wp-content/themes/twentynineteen/style.css
View File

@ -6104,13 +6104,15 @@ body.page .main-navigation {
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}