WordPress.org

Make WordPress Core

Ticket #27440: 27440-scrolling-content.2.diff

File 27440-scrolling-content.2.diff, 3.2 KB (added by stephdau, 4 years ago)

Builds on tellyworth's 27440-scrolling-content.diff, matching the header and making the whole thing scroll altogether.

  • src/wp-admin/css/common.css

     
    21172117/* Plugin install thickbox */
    21182118#plugin-information {
    21192119        background: #fcfcfc;
    2120         position: fixed;
     2120
    21212121        top: 0;
    21222122        right: 0;
    21232123        bottom: 0;
    21242124        left: 0;
    2125         height: auto;
     2125        height: 100%;
    21262126        padding: 0;
    21272127}
    21282128
     2129#plugin-information-scrollable {
     2130        display: block;
     2131        overflow: auto;
     2132        height: 100%;
     2133        padding-bottom: 58px;
     2134}
     2135
     2136
     2137
    21292138#plugin-information-title {
    21302139        margin-right: 56px; /* avoid collisions with the close icon */
    21312140        padding: 0 20px;
     
    21622171        font-weight: bold;
    21632172        max-width: 760px;
    21642173        position: absolute;
    2165         left: 20px;
    2166         top: 145px;
     2174        left: 30px;
     2175        top: 174px;
    21672176        padding: 0 15px;
    21682177        margin: 0;
    21692178        color: #fff;
     
    21822191#plugin-information-title.with-banner div.vignette {
    21832192        display: block;
    21842193        top: 0;
    2185         height: 215px;
     2194        height: 250px;
    21862195        width: 830px;
    21872196        margin: 0 -20px;
    21882197        background: transparent;
     
    21922201
    21932202#plugin-information-tabs {
    21942203        padding: 0 16px;
    2195         position: absolute;
    2196         top: 56px;
     2204        position: relative;
    21972205        right: 0;
    21982206        left: 0;
    21992207        height: 36px;
     
    22012209}
    22022210
    22032211#plugin-information-tabs.with-banner {
    2204         top: 214px;
    22052212        background: rgba( 255, 255, 255, 0.85 );
    22062213}
    22072214
     
    22412248        background: #fff;
    22422249        border-top: 1px solid #ddd;
    22432250        border-bottom: 1px solid #ddd;
    2244         position: absolute;
    2245         top: 91px;
     2251        position: relative;
     2252        top: 0;
    22462253        right: 0;
    22472254        bottom: 58px;
    22482255        left: 0;
    2249         overflow: auto;
    22502256}
    22512257
    2252 #plugin-information-content.with-banner {
    2253         border-top: none;
    2254         top: 250px;
    2255 }
    2256 
    22572258#section-holder {
    2258         margin: 0;
     2259        margin: 0 250px 0 0;
    22592260        padding: 10px 26px;
    2260         position: absolute;
     2261        position: relative;
    22612262        top: 0;
    22622263        right: 250px;
    22632264        bottom: 0;
    22642265        left: 0;
    2265         overflow: auto;
    22662266}
    22672267
    22682268#section-holder .updated {
     
    22752275        border-left: 1px solid #ddd;
    22762276        color: #666;
    22772277        padding: 16px;
    2278         position: absolute;
     2278        position: relative;
    22792279        top: 0;
    22802280        right: 0;
    22812281        bottom: 0;
    22822282        width: 217px;
    2283         overflow: auto;
     2283        float: right;
    22842284}
    22852285
    22862286#plugin-information .fyi strong {
     
    23652365        bottom: 0;
    23662366        left: 0;
    23672367        height: 28px;
     2368        background: rgba( 255, 255, 255, 0.85 );
    23682369}
    23692370
    23702371#plugin-information .section ul,
  • src/wp-admin/includes/plugin-install.php

     
    372372        }
    373373
    374374        iframe_header( __( 'Plugin Install' ) );
    375 
     375       
    376376        $_with_banner = '';
    377377
    378378        if ( ! empty( $api->banners ) && ( ! empty( $api->banners['low'] ) || ! empty( $api->banners['high'] ) ) ) {
     
    393393                <?php
    394394        }
    395395
     396
     397        echo '<div id="plugin-information-scrollable">';
    396398        echo "<div id='{$_tab}-title' class='{$_with_banner}'><div class='vignette'></div><h2>{$api->name}</h2></div>";
    397399        echo "<div id='{$_tab}-tabs' class='{$_with_banner}'>\n";
    398400
     
    513515                }
    514516        echo "</div>\n";
    515517        echo "</div>\n";
     518        echo "</div>\n"; // #plugin-information-scrollable
    516519        echo "<div id='$tab-footer'>\n";
    517520        if ( ! empty( $api->download_link ) && ( current_user_can( 'install_plugins' ) || current_user_can( 'update_plugins' ) ) ) {
    518521                $status = install_plugin_install_status( $api );