WordPress.org

Make WordPress Core

Ticket #22615: 22615.4.diff

File 22615.4.diff, 2.8 KB (added by koopersmith, 6 years ago)
  • wp-includes/css/media-views.css

     
    9494        z-index: 159900;
    9595}
    9696
    97 .media-modal-backdrop div {
     97.media-modal-backdrop div,
     98.uploader-window-content {
    9899        position: absolute;
    99100        top: 10px;
    100101        left: 10px;
     
    103104        border: 1px dashed rgba( 255, 255, 255, 0.5 );
    104105}
    105106
    106 .media-modal-title,
    107 .media-modal-close {
     107.media-modal-title {
    108108        position: absolute;
    109         height: 40px;
    110 }
    111 
    112 .media-modal-title {
    113109        top: -40px;
    114110        left: 0;
     111        height: 40px;
    115112        padding: 0;
    116113        margin: 0;
    117114
     
    123120}
    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;
    130129}
     
    398397        border-bottom: 1px solid #fff;
    399398}
    400399
    401 .media-menu > a.button {
    402         margin: 0 20px;
    403 }
    404 
    405400/**
    406401 * Frame
    407402 */
     
    891886}
    892887
    893888.uploader-window-content {
    894         position: absolute;
    895         top: 10px;
    896         left: 10px;
    897         right: 10px;
    898         bottom: 10px;
    899         border: 1px dashed #fff;
     889        border-color: #fff;
    900890}
    901891
    902892.uploader-window h3 {
     
    13501340 */
    13511341@media only screen and (max-width: 900px) {
    13521342        .media-modal {
    1353                 bottom: 30px;
    1354                 left: 30px;
    1355                 right: 30px;
    1356                 top: 50px;
     1343                bottom: 20px;
     1344                left: 20px;
     1345                right: 20px;
     1346                top: 40px;
    13571347        }
    13581348
     1349        .media-modal-title {
     1350                height: 30px;
     1351                line-height: 30px;
     1352                top: -30px;
     1353        }
     1354
     1355        .media-modal-close {
     1356                top: -23px;
     1357        }
     1358
     1359        .media-modal-backdrop div,
     1360        .uploader-window-content {
     1361                top: 5px;
     1362                left: 5px;
     1363                right: 5px;
     1364                bottom: 5px;
     1365        }
     1366
    13591367        .media-menu {
    1360                 width: 119px;
     1368                width: 139px;
    13611369        }
    13621370
    13631371        .media-menu li {
     
    13661374
    13671375        .media-frame .region-content,
    13681376        .media-frame-toolbar > .media-toolbar {
    1369                 left: 120px;
     1377                left: 140px;
    13701378        }
    13711379
    13721380        .media-sidebar {
    1373                 width: 147px;
     1381                width: 159px;
     1382                padding: 0 10px 24px;
    13741383        }
    13751384
    13761385        .attachments-browser .attachments,
     
    13791388                right: 180px;
    13801389        }
    13811390
    1382         .media-sidebar .setting {
    1383                 width: 125px;
    1384         }
    1385 
    13861391        .media-sidebar .setting input,
    13871392        .media-sidebar .setting textarea,
    13881393        .media-sidebar .setting span,
     
    13931398        .media-sidebar .setting span,
    13941399        .compat-item label span {
    13951400                text-align: inherit;
    1396                 display: inline-block;
     1401                display: block;
    13971402                min-height: 16px;
     1403                margin: 0;
    13981404                padding: 8px 2px 0;
    1399                 width: 95%;
    14001405        }
    14011406
    14021407        .media-sidebar .setting input,
    14031408        .media-sidebar .setting textarea,
    14041409        .media-sidebar .setting select {
    1405                 width: 100%;
     1410                width: 98%;
    14061411                max-width: none;
    14071412        }
    14081413
     
    14301435        .media-frame-content .attachment .icon {
    14311436                top: 40%;
    14321437        }
     1438
     1439        .media-selection {
     1440                min-width: 120px;
     1441        }
     1442
     1443        .media-selection:after {
     1444                background: none;
     1445        }
     1446
     1447        .media-selection .attachments {
     1448                display: none;
     1449        }
     1450
     1451        .media-menu .separator {
     1452                margin: 12px 10px;
     1453        }
    14331454}
    14341455
    14351456/* Use the same min-width as in the admin */