Changeset 52927 for trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

Timestamp:

03/12/2022 10:51:52 PM (3 years ago)

Author:

audrasjb

Message:

Twenty Nineteen: Display Image block at the same size whether the image is linked or not.

This change makes sure the max-width value is assigned for linked images.

Props JarretC, sabernhardt.
Fixes #48697.

File:

• trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (modified) (2 diffs)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -547 +547 @@
 
         // If an image does not have a left/center/right alignment, 
-        // it's a direct child of .wp-block-img.  If it has no other 
-        // alignment added, we want to make sure the image does not 
-        // extend beyond the width of the text column.
-        &:not(.alignwide):not(.alignfull) > img {
+        // it's a direct child of .wp-block-image.  If it has no other 
+        // alignment added, we want to make sure the image and its 
+        // caption do not extend beyond the width of the text column.
+        &:not(.alignwide):not(.alignfull) > img,
+        &:not(.alignwide):not(.alignfull) > a > img,
+        &:not(.alignwide):not(.alignfull) > img + figcaption,
+        &:not(.alignwide):not(.alignfull) > a + figcaption {
             @include postContentMaxWidth();
         }
@@ -804 +807 @@
 
         // Ensure images do not expand beyond the column.
+        .wp-block-image:not(.alignwide):not(.alignfull) > img,
+        .wp-block-image:not(.alignwide):not(.alignfull) > a > img,
         .wp-block-image > img:not(.alignwide):not(.alignfull),
         .wp-block-image > figure {