WordPress.org

Make WordPress Core

Ticket #22741: 22741.4.diff

File 22741.4.diff, 1.6 KB (added by koopersmith, 5 years ago)
  • wp-includes/css/media-views.css

     
    154154        height: 60px;
    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
    167170.media-toolbar-primary > .media-button,
     
    14911494        float: left;
    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
    14961506 */
     
    15481558                width: auto;
    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,
    15641563        .media-frame .search {
     
    15861585        }
    15871586}
    15881587
     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;
     1598        }
     1599}
     1600
    15891601/* Use the same min-width as in the admin */
    15901602@media only screen and (max-width: 600px) {
    15911603        .media-modal {