WordPress.org

Make WordPress Core

Changeset 31849


Ignore:
Timestamp:
03/20/2015 04:34:15 PM (6 years ago)
Author:
lancewillett
Message:

Bundled themes: update editor styles to better display images and captions in small screens.

Props jacklenox, see #31250.

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

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

    r30961 r31849  
    1616 * 7.0 - Audio / Video
    1717 * 8.0 - RTL
     18 * 9.0 - Media Queries
    1819 */
    1920
     
    480481    text-align: right;
    481482}
     483
     484
     485/**
     486 * 9.0 Media Queries
     487 */
     488
     489@media screen and (max-width: 660px) {
     490    body, img, .wp-caption {
     491        max-width: 100%;
     492    }
     493
     494    img, .wp-caption {
     495        width: auto !important;
     496    }
     497}
  • trunk/src/wp-content/themes/twentyfourteen/css/editor-style.css

    r30147 r31849  
    1818 * 9.0 - Audio/Video
    1919 * 10.0 - RTL
     20 * 11.0 - Media Queries
    2021 * ----------------------------------------------------------------------------
    2122 */
     
    720721    text-align: right;
    721722}
     723
     724
     725/**
     726 * 11.0 Media Queries
     727 */
     728
     729@media screen and (max-width: 474px) {
     730    body, img, .wp-caption {
     731        max-width: 100%;
     732    }
     733
     734    img, .wp-caption {
     735        width: auto !important;
     736    }
     737}
  • trunk/src/wp-content/themes/twentythirteen/css/editor-style.css

    r27763 r31849  
    1919 * 10.0 - Post Formats
    2020 * 11.0 - RTL
     21 * 12.0 - Media Queries
    2122 * ----------------------------------------------------------------------------
    2223 */
     
    770771    content: none;
    771772}
     773
     774
     775/**
     776 * 12.0 Media Queries
     777 */
     778
     779@media screen and (max-width: 604px) {
     780    body, img, .wp-caption {
     781        max-width: 100%;
     782    }
     783
     784    img, .wp-caption {
     785        width: auto !important;
     786    }
     787}
Note: See TracChangeset for help on using the changeset viewer.