WordPress.org

Make WordPress Core

Changeset 22960


Ignore:
Timestamp:
12/01/12 02:53:53 (3 years ago)
Author:
ryan
Message:

Responsive and RTL css improvements or the media modal.

Props ocean90, koopersmith
see #22615

Location:
trunk/wp-includes/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/media-views-rtl.css

    r22947 r22960  
    294294    .media-frame-toolbar > .media-toolbar { 
    295295        left: 0; 
    296         right: 120px; 
     296        right: 140px; 
    297297    } 
    298298 
  • trunk/wp-includes/css/media-views.css

    r22959 r22960  
    9595} 
    9696 
    97 .media-modal-backdrop div { 
     97.media-modal-backdrop div, 
     98.uploader-window-content { 
    9899    position: absolute; 
    99100    top: 10px; 
     
    104105} 
    105106 
    106 .media-modal-title, 
    107 .media-modal-close { 
    108     position: absolute; 
     107.media-modal-title { 
     108    position: absolute; 
     109    top: -40px; 
     110    left: 0; 
    109111    height: 40px; 
    110 } 
    111  
    112 .media-modal-title { 
    113     top: -40px; 
    114     left: 0; 
    115112    padding: 0; 
    116113    margin: 0; 
     
    124121 
    125122.media-modal-close { 
     123    position: absolute; 
    126124    top: -27px; 
    127125    right: 0; 
     126    height: 15px; 
    128127    width: 15px; 
    129128    background-position: -80px 0; 
     
    398397    border-top: 1px solid #dfdfdf; 
    399398    border-bottom: 1px solid #fff; 
    400 } 
    401  
    402 .media-menu > a.button { 
    403     margin: 0 20px; 
    404399} 
    405400 
     
    896891 
    897892.uploader-window-content { 
    898     position: absolute; 
    899     top: 10px; 
    900     left: 10px; 
    901     right: 10px; 
    902     bottom: 10px; 
    903     border: 1px dashed #fff; 
     893    border-color: #fff; 
    904894} 
    905895 
     
    13551345@media only screen and (max-width: 900px) { 
    13561346    .media-modal { 
    1357         bottom: 30px; 
    1358         left: 30px; 
    1359         right: 30px; 
    1360         top: 50px; 
     1347        bottom: 20px; 
     1348        left: 20px; 
     1349        right: 20px; 
     1350        top: 40px; 
     1351    } 
     1352 
     1353    .media-modal-title { 
     1354        height: 30px; 
     1355        line-height: 30px; 
     1356        top: -30px; 
     1357    } 
     1358 
     1359    .media-modal-close { 
     1360        top: -23px; 
     1361    } 
     1362 
     1363    .media-modal-backdrop div, 
     1364    .uploader-window-content { 
     1365        top: 5px; 
     1366        left: 5px; 
     1367        right: 5px; 
     1368        bottom: 5px; 
    13611369    } 
    13621370 
    13631371    .media-menu { 
    1364         width: 119px; 
     1372        width: 139px; 
    13651373    } 
    13661374 
     
    13711379    .media-frame .region-content, 
    13721380    .media-frame-toolbar > .media-toolbar { 
    1373         left: 120px; 
     1381        left: 140px; 
    13741382    } 
    13751383 
    13761384    .media-sidebar { 
    1377         width: 147px; 
     1385        width: 159px; 
     1386        padding: 0 10px 24px; 
    13781387    } 
    13791388 
     
    13821391    .attachments-browser .media-toolbar { 
    13831392        right: 180px; 
    1384     } 
    1385  
    1386     .media-sidebar .setting { 
    1387         width: 125px; 
    13881393    } 
    13891394 
     
    13981403    .compat-item label span { 
    13991404        text-align: inherit; 
    1400         display: inline-block; 
     1405        display: block; 
    14011406        min-height: 16px; 
     1407        margin: 0; 
    14021408        padding: 8px 2px 0; 
    1403         width: 95%; 
    14041409    } 
    14051410 
     
    14071412    .media-sidebar .setting textarea, 
    14081413    .media-sidebar .setting select { 
    1409         width: 100%; 
     1414        width: 98%; 
    14101415        max-width: none; 
    14111416    } 
     
    14341439    .media-frame-content .attachment .icon { 
    14351440        top: 40%; 
     1441    } 
     1442 
     1443    .media-selection { 
     1444        min-width: 120px; 
     1445    } 
     1446 
     1447    .media-selection:after { 
     1448        background: none; 
     1449    } 
     1450 
     1451    .media-selection .attachments { 
     1452        display: none; 
     1453    } 
     1454 
     1455    .media-menu .separator { 
     1456        margin: 12px 10px; 
    14361457    } 
    14371458} 
Note: See TracChangeset for help on using the changeset viewer.