WordPress.org

Make WordPress Core

Ticket #22615: 22615.4b.diff

File 22615.4b.diff, 2.8 KB (added by ocean90, 5 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 */
     
    893888}
    894889
    895890.uploader-window-content {
    896         position: absolute;
    897         top: 10px;
    898         left: 10px;
    899         right: 10px;
    900         bottom: 10px;
    901         border: 1px dashed #fff;
     891        border-color: #fff;
    902892}
    903893
    904894.uploader-window h3 {
     
    13521342 */
    13531343@media only screen and (max-width: 900px) {
    13541344        .media-modal {
    1355                 bottom: 30px;
    1356                 left: 30px;
    1357                 right: 30px;
    1358                 top: 50px;
     1345                bottom: 20px;
     1346                left: 20px;
     1347                right: 20px;
     1348                top: 40px;
    13591349        }
    13601350
     1351        .media-modal-title {
     1352                height: 30px;
     1353                line-height: 30px;
     1354                top: -30px;
     1355        }
     1356
     1357        .media-modal-close {
     1358                top: -23px;
     1359        }
     1360
     1361        .media-modal-backdrop div,
     1362        .uploader-window-content {
     1363                top: 5px;
     1364                left: 5px;
     1365                right: 5px;
     1366                bottom: 5px;
     1367        }
     1368
    13611369        .media-menu {
    1362                 width: 119px;
     1370                width: 139px;
    13631371        }
    13641372
    13651373        .media-menu li {
     
    13681376
    13691377        .media-frame .region-content,
    13701378        .media-frame-toolbar > .media-toolbar {
    1371                 left: 120px;
     1379                left: 140px;
    13721380        }
    13731381
    13741382        .media-sidebar {
    1375                 width: 147px;
     1383                width: 159px;
     1384                padding: 0 10px 24px;
    13761385        }
    13771386
    13781387        .attachments-browser .attachments,
     
    13811390                right: 180px;
    13821391        }
    13831392
    1384         .media-sidebar .setting {
    1385                 width: 125px;
    1386         }
    1387 
    13881393        .media-sidebar .setting input,
    13891394        .media-sidebar .setting textarea,
    13901395        .media-sidebar .setting span,
     
    13951400        .media-sidebar .setting span,
    13961401        .compat-item label span {
    13971402                text-align: inherit;
    1398                 display: inline-block;
     1403                display: block;
    13991404                min-height: 16px;
     1405                margin: 0;
    14001406                padding: 8px 2px 0;
    1401                 width: 95%;
    14021407        }
    14031408
    14041409        .media-sidebar .setting input,
    14051410        .media-sidebar .setting textarea,
    14061411        .media-sidebar .setting select {
    1407                 width: 100%;
     1412                width: 98%;
    14081413                max-width: none;
    14091414        }
    14101415
     
    14321437        .media-frame-content .attachment .icon {
    14331438                top: 40%;
    14341439        }
     1440
     1441        .media-selection {
     1442                min-width: 120px;
     1443        }
     1444
     1445        .media-selection:after {
     1446                background: none;
     1447        }
     1448
     1449        .media-selection .attachments {
     1450                display: none;
     1451        }
     1452
     1453        .media-menu .separator {
     1454                margin: 12px 10px;
     1455        }
    14351456}
    14361457
    14371458/* Use the same min-width as in the admin */