WordPress.org

Make WordPress Core

Changeset 22960


Ignore:
Timestamp:
12/01/2012 02:53:53 AM (5 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.