Make WordPress Core

Ticket #26192: 26192.2.diff

File 26192.2.diff, 3.3 KB (added by shaunandrews, 11 years ago)
  • src/wp-admin/css/theme.css

     
    434434.theme-overlay .theme-wrap {
    435435        clear: both;
    436436        position: fixed;
    437                 top: 120px;
     437                top: 9%;
    438438                left: 190px;
    439                 right: 40px;
    440                 bottom: 80px;
     439                right: 3%;
     440                bottom: 5%;
    441441        overflow: auto;
    442442        background: #fff;
    443         padding: 88px 40px 110px 40px;
    444         box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
     443        padding: 88px 40px 40px 40px;
     444        box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
     445        border: 1px solid #cacaca;
    445446        z-index: 20;
     447        margin-bottom: 69px;
     448        box-sizing: border-box;
    446449}
    447450.theme-overlay .theme-wrap:after {
    448451        content: ".";
     
    455458.theme-overlay .theme-actions {
    456459        position: fixed;
    457460        text-align: center;
    458         bottom: 80px;
     461        bottom: 5%;
    459462        left: 190px;
    460         right: 40px;
     463        right: 3%;
    461464        padding: 20px 25px;
    462         background: rgba(243, 243, 243 ,0.9);
    463         border-top: 1px solid rgba(0,0,0,0.1);
     465        background: #f3f3f3;
    464466        z-index: 30;
     467        box-sizing: border-box;
     468        border: 1px solid #cacaca;
    465469}
    466 .theme-overlay.active .theme-actions {
    467470
     471body.folded .theme-overlay .theme-wrap,
     472body.folded .theme-overlay .theme-actions {
     473        left: 70px;
    468474}
     475
    469476.theme-overlay .theme-actions a {
    470477        margin-right: 5px;
    471478        margin-bottom: 0;
    472         font-size: 16px;
    473         line-height: 37px;
    474         height: 37px;
    475         padding: 0 20px 1px 20px;
    476479}
    477480.theme-overlay .theme-actions .delete-theme {
    478         border-radius: 2px;
    479481        color: #a00;
    480         font-size: 14px;
    481         padding: 0 10px;
    482482        position: absolute;
    483483                right: 10px;
    484484                bottom: 20px;
    485485        text-decoration: none;
     486        border-color: transparent;
     487        box-shadow: none;
     488        background: transparent;
    486489}
    487490.theme-overlay .theme-actions .delete-theme:hover {
    488491        background: #d54e21;
    489492        color: #fff;
     493        border-color: #d54e21;
    490494}
    491495
    492496.theme-overlay .theme-actions .active-theme,
     
    680684        .theme:nth-child(4n) {
    681685                margin-right: 0;
    682686        }
     687        body.folded .theme-overlay .theme-wrap,
     688        body.folded .theme-overlay .theme-actions,
    683689        .theme-overlay .theme-wrap,
    684690        .theme-overlay .theme-actions {
    685691                right: 15%;
     
    710716                margin-top: 6px;
    711717                margin-right: -3px
    712718        }
     719        body.folded .theme-overlay .theme-wrap,
    713720        .theme-overlay .theme-wrap {
    714721                top: 45px;
    715722                right: 0px;
    716723                bottom: 0px;
    717724                left: 0px;
    718                 padding: 70px 20px 100px;
     725                padding: 70px 20px 20px;
     726                margin-bottom: 75px;
     727                border: none;
    719728        }
     729        body.folded .theme-overlay .theme-actions,
    720730        .theme-overlay .theme-actions {
    721731                right: 0px;
    722732                bottom: 0px;
    723733                left: 0px;
    724734                text-align: left;
    725                 padding: 10px;
     735                border-left: none;
     736                border-right: none;
     737                border-bottom: none;
    726738        }
    727739        .theme-overlay .theme-screenshots {
    728740                width: 40%;
     
    731743                width: 50%;
    732744        }
    733745        .theme-overlay .theme-actions .delete-theme {
    734                 bottom: 10px;
     746               
    735747        }
    736748}
    737749@media ( max-width: 650px ) {
  • src/wp-admin/themes.php

     
    307307                </div>
    308308
    309309                <# if ( ! data.active && data.actions.delete ) { #>
    310                         <a href="{{{ data.actions.delete }}}" class="delete-theme"><?php _e( 'Delete' ); ?></a>
     310                        <a href="{{{ data.actions.delete }}}" class="button button-secondary delete-theme"><?php _e( 'Delete' ); ?></a>
    311311                <# } #>
    312312        </div>
    313313</script>