WordPress.org

Make WordPress Core

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

File 27440-scrolling-content.4.diff, 4.2 KB (added by tellyworth, 4 years ago)

Scroll the entire thickbox content, header and all.

  • wp-admin/css/common.css

     
    21322132        right: 0;
    21332133        bottom: 0;
    21342134        left: 0;
    2135         height: auto;
     2135        height: 100%;
    21362136        padding: 0;
    21372137}
    21382138
     2139#plugin-information-scrollable {
     2140        display: block;
     2141        overflow: auto;
     2142        height: 100%;
     2143}
     2144
     2145
     2146
    21392147#plugin-information-title {
    21402148        margin-right: 56px; /* avoid collisions with the close icon */
    21412149        padding: 0 20px;
     
    21702178        font-size: 30px;
    21712179        line-height: 50px;
    21722180        font-weight: bold;
    2173         max-width: 760px;
    2174         position: absolute;
    2175         left: 20px;
    2176         top: 145px;
     2181        max-width: 700px;
     2182        float: left;
    21772183        padding: 0 15px;
    21782184        margin: 0;
    21792185        color: #fff;
     
    21862192}
    21872193
    21882194#plugin-information-title div.vignette {
    2189         display: none;
    21902195}
    21912196
    21922197#plugin-information-title.with-banner div.vignette {
     
    21982203        background: transparent;
    21992204        -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
    22002205        box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
     2206        padding: 145px 20px 0 20px;
    22012207}
    22022208
    22032209#plugin-information-tabs {
    22042210        padding: 0 16px;
    2205         position: absolute;
    2206         top: 56px;
     2211        position: relative;
    22072212        right: 0;
    22082213        left: 0;
    22092214        height: 36px;
    22102215        z-index: 1;
    22112216}
    22122217
    2213 #plugin-information-tabs.with-banner {
    2214         top: 214px;
    2215         background: rgba( 255, 255, 255, 0.85 );
    2216 }
    2217 
    22182218#plugin-information-tabs a {
    22192219        position: relative;
    22202220        float: left;
     
    22512251        background: #fff;
    22522252        border-top: 1px solid #ddd;
    22532253        border-bottom: 1px solid #ddd;
    2254         position: absolute;
    2255         top: 91px;
     2254        position: relative;
     2255        top: 0;
    22562256        right: 0;
    22572257        bottom: 58px;
    22582258        left: 0;
    2259         overflow: auto;
     2259        margin-bottom: 58px;
    22602260}
    22612261
    22622262#plugin-information-content.with-banner {
    22632263        border-top: none;
    2264         top: 250px;
    22652264}
    22662265
    22672266#section-holder {
    2268         margin: 0;
     2267        margin: 0 250px 0 0;
    22692268        padding: 10px 26px;
    2270         position: absolute;
     2269        position: relative;
    22712270        top: 0;
    22722271        right: 250px;
    22732272        bottom: 0;
    22742273        left: 0;
    2275         overflow: auto;
    22762274}
    22772275
    22782276#section-holder .updated {
     
    22852283        border-left: 1px solid #ddd;
    22862284        color: #666;
    22872285        padding: 16px;
    2288         position: absolute;
     2286        position: relative;
    22892287        top: 0;
    22902288        right: 0;
    22912289        bottom: 0;
    22922290        width: 217px;
    2293         overflow: auto;
     2291        float: right;
    22942292}
    22952293
    22962294#plugin-information .fyi strong {
     
    23752373        bottom: 0;
    23762374        left: 0;
    23772375        height: 28px;
     2376        background: rgba( 255, 255, 255, 0.85 );
    23782377}
    23792378
    23802379#plugin-information .section ul,
     
    24262425        }
    24272426
    24282427        #plugin-information-title.with-banner h2 {
    2429                 top: 12px;
     2428                margin-top: 30px;
    24302429                font-size: 20px;
    24312430                line-height: 40px;
    24322431        }
    24332432
    24342433        #plugin-information-title.with-banner div.vignette {
    2435                 height: 65px;
    2436                 bottom: 65px;
     2434                height: 100px;
     2435                bottom: 100px;
    24372436                width: 800%;
    24382437        }
    2439 
    2440         #plugin-information-tabs.with-banner {
    2441                 top: 63px;
    2442         }
    2443 
    2444         #plugin-information-content.with-banner {
    2445                 top: 99px;
    2446         }
    24472438}
    24482439
    24492440@media screen and ( max-width: 771px ) {
     
    24602451
    24612452        #section-holder {
    24622453                position: static;
     2454                margin: 0;
    24632455        }
    24642456
    24652457        #plugin-information .fyi h3,
  • 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'] ) ) ) {
     
    392392                </style>
    393393                <?php
    394394        }
     395        echo '<div id="plugin-information-scrollable">';
    395396
    396         echo "<div id='{$_tab}-title' class='{$_with_banner}'><div class='vignette'></div><h2>{$api->name}</h2></div>";
     397        echo "<div id='{$_tab}-title' class='{$_with_banner}'><div class='vignette'><h2>{$api->name}</h2></div></div>";
    397398        echo "<div id='{$_tab}-tabs' class='{$_with_banner}'>\n";
    398399
    399400        foreach ( (array) $api->sections as $section_name => $content ) {
     
    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 );