WordPress.org

Make WordPress Core

Ticket #22615: 22615.patch

File 22615.patch, 2.3 KB (added by azaozz, 5 years ago)
  • wp-includes/css/media-views.css

     
    1515
    1616.media-frame select,
    1717.wp-admin .media-frame select {
    18         height: 28px;
    1918        line-height: 28px;
    2019        margin-top: 3px;
    2120}
     
    451450        font-size: 13px;
    452451        color: #464646;
    453452        font-family: sans-serif;
     453        -webkit-appearance: none;
    454454}
    455455
    456456.media-toolbar-secondary .search {
     
    13221322        max-width: 400px;
    13231323        margin: 1px 0;
    13241324}
     1325
     1326/**
     1327 * Responsive layout
     1328 */
     1329@media only screen and (max-width: 900px) {
     1330        .media-modal {
     1331                bottom: 30px;
     1332                left: 30px;
     1333                right: 30px;
     1334                top: 50px;
     1335        }
     1336
     1337        .media-menu {
     1338                width: 119px;
     1339        }
     1340
     1341        .media-menu li {
     1342                padding: 4px 10px;
     1343        }
     1344
     1345        .media-frame .region-content,
     1346        .media-frame-toolbar > .media-toolbar {
     1347                left: 120px;
     1348        }
     1349
     1350        .media-sidebar {
     1351                width: 147px;
     1352        }
     1353
     1354        .attachments-browser .attachments,
     1355        .attachments-browser .media-toolbar {
     1356                right: 180px;
     1357        }
     1358
     1359        .attachment-info .thumbnail,
     1360        .attachment-info .details,
     1361        .media-sidebar .setting input,
     1362        .media-sidebar .setting textarea,
     1363        .media-sidebar .setting span,
     1364        .compat-item label span {
     1365                float: none;
     1366        }
     1367
     1368        .media-sidebar .setting span,
     1369        .compat-item label span {
     1370                text-align: inherit;
     1371                display: inline-block;
     1372                min-height: 16px;
     1373                padding: 8px 2px 0;
     1374                width: 95%;
     1375        }
     1376
     1377        .media-sidebar .setting input,
     1378        .media-sidebar .setting textarea,
     1379        .media-sidebar .setting select {
     1380                width: 95%;
     1381                max-width: none;
     1382        }
     1383
     1384        .media-sidebar .setting select.columns {
     1385                width: auto;
     1386        }
     1387
     1388        .media-frame-content .media-toolbar-primary,
     1389        .media-frame-content .media-toolbar-secondary {
     1390                display: inline;
     1391                float: none;
     1392        }
     1393
     1394        .media-frame-content .media-toolbar-primary .search,
     1395        .media-frame-content .media-toolbar-secondary select {
     1396                max-width: 45%;
     1397        }
     1398
     1399        .media-frame input,
     1400        .media-frame textarea,
     1401        .media-frame .search {
     1402                padding: 3px 6px;
     1403        }
     1404
     1405        .media-frame-content .attachment .icon {
     1406                top: 40%;
     1407        }
     1408}
     1409
     1410/* Use the same min-width as in the admin */
     1411@media only screen and (max-width: 600px) {
     1412        .media-modal {
     1413                width: 540px;
     1414                position: absolute;
     1415        }
     1416
     1417        .media-modal-backdrop {
     1418                width: 600px;
     1419                position: absolute;
     1420        }
     1421}