WordPress.org

Make WordPress Core

Ticket #22615: 22615-2.patch

File 22615-2.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        .media-sidebar .setting {
     1360                width: 125px;
     1361        }
     1362
     1363        .media-sidebar .setting input,
     1364        .media-sidebar .setting textarea,
     1365        .media-sidebar .setting span,
     1366        .compat-item label span {
     1367                float: none;
     1368        }
     1369
     1370        .media-sidebar .setting span,
     1371        .compat-item label span {
     1372                text-align: inherit;
     1373                display: inline-block;
     1374                min-height: 16px;
     1375                padding: 8px 2px 0;
     1376                width: 95%;
     1377        }
     1378
     1379        .media-sidebar .setting input,
     1380        .media-sidebar .setting textarea,
     1381        .media-sidebar .setting select {
     1382                width: 100%;
     1383                max-width: none;
     1384        }
     1385
     1386        .media-sidebar .setting select.columns {
     1387                width: auto;
     1388        }
     1389
     1390        .media-frame-content .media-toolbar-primary,
     1391        .media-frame-content .media-toolbar-secondary {
     1392                display: inline;
     1393                float: none;
     1394        }
     1395
     1396        .media-frame-content .media-toolbar-primary .search,
     1397        .media-frame-content .media-toolbar-secondary select {
     1398                max-width: 45%;
     1399        }
     1400
     1401        .media-frame input,
     1402        .media-frame textarea,
     1403        .media-frame .search {
     1404                padding: 3px 6px;
     1405        }
     1406
     1407        .media-frame-content .attachment .icon {
     1408                top: 40%;
     1409        }
     1410}
     1411
     1412/* Use the same min-width as in the admin */
     1413@media only screen and (max-width: 600px) {
     1414        .media-modal {
     1415                width: 540px;
     1416                position: absolute;
     1417        }
     1418
     1419        .media-modal-backdrop {
     1420                width: 600px;
     1421                position: absolute;
     1422        }
     1423}