WordPress.org

Make WordPress Core

Changeset 23071


Ignore:
Timestamp:
12/05/12 10:15:42 (17 months ago)
Author:
markjaquith
Message:

Better responsive breakpoints for the Gallery editing screen. props koopersmith. fixes #22741

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/media-views.css

    r23063 r23071  
    155155    padding: 0 16px; 
    156156    border: 0 solid #dfdfdf; 
     157    overflow: hidden; 
    157158} 
    158159 
    159160.media-toolbar-primary { 
    160161    float: right; 
     162    height: 100%; 
    161163} 
    162164 
    163165.media-toolbar-secondary { 
    164166    float: left; 
     167    height: 100%; 
    165168} 
    166169 
     
    14921495} 
    14931496 
     1497@media only screen and (max-width: 960px) { 
     1498    .media-frame-content .media-toolbar-primary .search, 
     1499    .media-frame-content .media-toolbar-secondary .attachment-filters { 
     1500        max-width: 120px; 
     1501    } 
     1502} 
     1503 
    14941504/** 
    14951505 * Responsive layout 
     
    15491559    } 
    15501560 
    1551     .media-frame-content .media-toolbar-primary, 
    1552     .media-frame-content .media-toolbar-secondary { 
    1553         display: inline; 
    1554         float: none; 
    1555     } 
    1556  
    1557     .media-frame-content .media-toolbar-primary .search, 
    1558     .media-frame-content .media-toolbar-secondary select { 
    1559         max-width: 45%; 
    1560     } 
    1561  
    15621561    .media-frame input, 
    15631562    .media-frame textarea, 
     
    15841583    .media-menu .separator { 
    15851584        margin: 12px 10px; 
     1585    } 
     1586} 
     1587 
     1588@media only screen and (max-width: 800px) { 
     1589    .media-frame-content .media-toolbar .instructions { 
     1590        display: none; 
     1591    } 
     1592} 
     1593 
     1594@media only screen and (max-width: 680px) { 
     1595    .media-frame-content .media-toolbar .search, 
     1596    .media-frame-content .media-toolbar .attachment-filters { 
     1597        max-width: 85px; 
    15861598    } 
    15871599} 
Note: See TracChangeset for help on using the changeset viewer.