WordPress.org

Make WordPress Core

Ticket #42111: 42111-3.diff

File 42111-3.diff, 1.4 KB (added by Mirucon, 2 years ago)
  • wp-admin/css/edit.css

     
    498498        border-style: solid;
    499499}
    500500
    501 .notification-dialog {
     501#file-editor-warning {
    502502        position: fixed;
    503         top: 30%;
    504         max-height: 70%;
    505         left: 50%;
    506         width: 450px;
    507         margin-left: -225px;
     503        z-index: 98;
     504        top: 0;
     505        right: 0;
     506        bottom: 0;
     507        left: 0;
     508        overflow: auto;
     509        text-align: center;
     510        -webkit-backface-visibility: hidden;
     511        backface-visibility: hidden;
     512}
     513
     514#file-editor-warning::before {
     515        content: '';
     516        display: inline-block;
     517        height: 100%;
     518        vertical-align: middle;
     519}
     520
     521#file-editor-warning .notification-dialog {
     522        display: inline-block;
     523        position: relative;
     524        max-width: 450px;
     525        width: 100%;
    508526        background: #fff;
    509527        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    510528        line-height: 1.5;
    511         z-index: 1000005;
     529        z-index: 99;
    512530        overflow-y: auto;
     531        vertical-align: middle;
     532        text-align: left;
    513533}
    514534
    515 .notification-dialog-background {
     535#file-editor-warning .notification-dialog-background {
    516536        position: fixed;
    517537        top: 0;
    518538        left: 0;
     
    521541        background: #000;
    522542        opacity: 0.7;
    523543        filter: alpha(opacity=70);
    524         z-index: 1000000;
     544        z-index: 97;
    525545}
    526546
     547@media screen and (max-width: 782px) {
     548        .wp-responsive-open #file-editor-warning .notification-dialog {
     549                right: -190px;
     550        }
     551}
     552
    527553#post-lock-dialog .post-locked-message,
    528554#post-lock-dialog .post-taken-over {
    529555        margin: 25px;