WordPress.org

Make WordPress Core

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

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