WordPress.org

Make WordPress Core

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

File 27440-scrolling-content.3.diff, 4.0 KB (added by stephdau, 3 years ago)

Improves upon 27440-scrolling-content.2.diff and fixes some of the issues listed in https://core.trac.wordpress.org/ticket/27440#comment:70

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

     
    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 
    21292136#plugin-information-title { 
    21302137        margin-right: 56px; /* avoid collisions with the close icon */ 
    21312138        padding: 0 20px; 
     
    21572164} 
    21582165 
    21592166#plugin-information-title.with-banner h2 { 
     2167        display: inline-block; 
    21602168        font-size: 30px; 
    21612169        line-height: 50px; 
    21622170        font-weight: bold; 
    21632171        max-width: 760px; 
    2164         position: absolute; 
    2165         left: 20px; 
    2166         top: 145px; 
    21672172        padding: 0 15px; 
    2168         margin: 0; 
     2173        margin: 174px 0 0 10px; 
    21692174        color: #fff; 
    21702175        background: rgba( 30, 30, 30, 0.9 ); 
    21712176        text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 ); 
     
    21812186 
    21822187#plugin-information-title.with-banner div.vignette { 
    21832188        display: block; 
     2189        float: right; 
    21842190        top: 0; 
    2185         height: 215px; 
     2191        height: 250px; 
    21862192        width: 830px; 
    21872193        margin: 0 -20px; 
    21882194        background: transparent; 
     
    21922198 
    21932199#plugin-information-tabs { 
    21942200        padding: 0 16px; 
    2195         position: absolute; 
    2196         top: 56px; 
     2201        position: relative; 
    21972202        right: 0; 
    21982203        left: 0; 
    21992204        height: 36px; 
     
    22002205        z-index: 1; 
    22012206} 
    22022207 
    2203 #plugin-information-tabs.with-banner { 
    2204         top: 214px; 
    2205         background: rgba( 255, 255, 255, 0.85 ); 
    2206 } 
    2207  
    22082208#plugin-information-tabs a { 
    22092209        position: relative; 
    22102210        float: left; 
     
    22412241        background: #fff; 
    22422242        border-top: 1px solid #ddd; 
    22432243        border-bottom: 1px solid #ddd; 
    2244         position: absolute; 
    2245         top: 91px; 
     2244        position: relative; 
     2245        top: 0; 
    22462246        right: 0; 
    2247         bottom: 58px; 
    22482247        left: 0; 
    2249         overflow: auto; 
     2248        padding-bottom: 58px; 
    22502249} 
    22512250 
    2252 #plugin-information-content.with-banner { 
    2253         border-top: none; 
    2254         top: 250px; 
    2255 } 
    2256  
    22572251#section-holder { 
    2258         margin: 0; 
     2252        margin: 0 250px 50px 0; 
    22592253        padding: 10px 26px; 
    2260         position: absolute; 
     2254        position: relative; 
    22612255        top: 0; 
    22622256        right: 250px; 
    22632257        bottom: 0; 
    22642258        left: 0; 
    2265         overflow: auto; 
    22662259} 
    22672260 
    22682261#section-holder .updated { 
     
    22752268        border-left: 1px solid #ddd; 
    22762269        color: #666; 
    22772270        padding: 16px; 
    2278         position: absolute; 
     2271        position: relative; 
    22792272        top: 0; 
    22802273        right: 0; 
    22812274        bottom: 0; 
    22822275        width: 217px; 
    2283         overflow: auto; 
     2276        float: right; 
     2277        margin: ; 
    22842278} 
    22852279 
    22862280#plugin-information .fyi strong { 
     
    23652359        bottom: 0; 
    23662360        left: 0; 
    23672361        height: 28px; 
     2362        background: rgba( 255, 255, 255, 0.85 ); 
    23682363} 
    23692364 
    23702365#plugin-information .section ul, 
     
    24162411        } 
    24172412 
    24182413        #plugin-information-title.with-banner h2 { 
    2419                 top: 12px; 
     2414                margin-top: 30px; 
    24202415                font-size: 20px; 
    24212416                line-height: 40px; 
    24222417        } 
    24232418 
    24242419        #plugin-information-title.with-banner div.vignette { 
    2425                 height: 65px; 
    2426                 bottom: 65px; 
     2420                height: 100px; 
     2421                bottom: 100px; 
    24272422                width: 800%; 
    24282423        } 
    2429  
    2430         #plugin-information-tabs.with-banner { 
    2431                 top: 63px; 
    2432         } 
    2433  
    2434         #plugin-information-content.with-banner { 
    2435                 top: 99px; 
    2436         } 
    24372424} 
    24382425 
    24392426@media screen and ( max-width: 771px ) { 
     
    24502437 
    24512438        #section-holder { 
    24522439                position: static; 
     2440                margin: 0; 
    24532441        } 
    24542442 
    24552443        #plugin-information .fyi h3, 
  • 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        echo '<div id="plugin-information-scrollable">'; 
    396397        echo "<div id='{$_tab}-title' class='{$_with_banner}'><div class='vignette'></div><h2>{$api->name}</h2></div>"; 
    397398        echo "<div id='{$_tab}-tabs' class='{$_with_banner}'>\n"; 
    398399 
     
    513514                } 
    514515        echo "</div>\n"; 
    515516        echo "</div>\n"; 
     517        echo "</div>\n"; // #plugin-information-scrollable 
    516518        echo "<div id='$tab-footer'>\n"; 
    517519        if ( ! empty( $api->download_link ) && ( current_user_can( 'install_plugins' ) || current_user_can( 'update_plugins' ) ) ) { 
    518520                $status = install_plugin_install_status( $api );