Make WordPress Core

Changeset 45897


Ignore:
Timestamp:
08/26/2019 07:00:46 PM (6 years ago)
Author:
SergeyBiryukov
Message:

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

Props kjellr.
Fixes #47937.

Location:
trunk/src/wp-content/themes/twentynineteen
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r45761 r45897  
    789789
    790790        // Ensure images do not expand beyond the column.
    791         .wp-block-image > img:not(.alignwide):not(.alignfull) {
     791        .wp-block-image > img:not(.alignwide):not(.alignfull),
     792        .wp-block-image > figure {
    792793
    793794            @include media(tablet) {
  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r45896 r45897  
    60936093
    60946094@media only screen and (min-width: 768px) {
    6095   .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
     6095  .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
     6096  .entry .entry-content .wp-block-columns .wp-block-image > figure {
    60966097    max-width: 100%;
    60976098  }
     
    60996100
    61006101@media only screen and (min-width: 1168px) {
    6101   .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
     6102  .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
     6103  .entry .entry-content .wp-block-columns .wp-block-image > figure {
    61026104    max-width: 100%;
    61036105  }
  • trunk/src/wp-content/themes/twentynineteen/style.css

    r45773 r45897  
    61056105
    61066106@media only screen and (min-width: 768px) {
    6107   .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
     6107  .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
     6108  .entry .entry-content .wp-block-columns .wp-block-image > figure {
    61086109    max-width: 100%;
    61096110  }
     
    61116112
    61126113@media only screen and (min-width: 1168px) {
    6113   .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull) {
     6114  .entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
     6115  .entry .entry-content .wp-block-columns .wp-block-image > figure {
    61146116    max-width: 100%;
    61156117  }
Note: See TracChangeset for help on using the changeset viewer.