WordPress.org

Make WordPress Core

Ticket #22615: 22615.patch

File 22615.patch, 2.3 KB (added by azaozz, 17 months 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}