WordPress.org

Make WordPress Core

Ticket #22615: 22615-2.patch

File 22615-2.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        .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}