WordPress.org

Make WordPress Core

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

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