WordPress.org

Make WordPress Core

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

File 27440-scrolling-content.2.diff, 3.2 KB (added by stephdau, 3 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 );