Ticket #27440: 27440-scrolling-content.diff

wp-admin/css/common.css

@@ -2116 +2116 @@
         right: 0;
         bottom: 0;
         left: 0;
-        height: auto;
+        height: 100%;
         padding: 0;
 }
 
+#plugin-information-scrollable {
+        display: block;
+        overflow: auto;
+        height: 100%;
+        padding-bottom: 58px;
+}
+
+
+
 #plugin-information-title {
         margin-right: 56px; /* avoid collisions with the close icon */
         padding: 0 20px;
@@ -2235 +2244 @@
         background: #fff;
         border-top: 1px solid #ddd;
         border-bottom: 1px solid #ddd;
-        position: absolute;
-        top: 91px;
+        position: relative;
+        top: 0;
         right: 0;
         bottom: 58px;
         left: 0;
-        overflow: auto;
 }
 
 #plugin-information-content.with-banner {
         border-top: none;
-        top: 250px;
 }
 
 #section-holder {
-        margin: 0;
+        margin: 0 250px 0 0;
         padding: 10px 26px;
-        position: absolute;
+        position: relative;
         top: 0;
         right: 250px;
         bottom: 0;
         left: 0;
-        overflow: auto;
 }
 
 #section-holder .updated {
@@ -2269 +2275 @@
         border-left: 1px solid #ddd;
         color: #666;
         padding: 16px;
-        position: absolute;
+        position: relative;
         top: 0;
         right: 0;
         bottom: 0;
         width: 217px;
-        overflow: auto;
+        float: right;
 }
 
 #plugin-information .fyi strong {
@@ -2359 +2365 @@
         bottom: 0;
         left: 0;
         height: 28px;
+        background: rgba( 255, 255, 255, 0.85 );
 }
 
 #plugin-information .section ul,

wp-admin/includes/plugin-install.php

@@ -372 +372 @@
         }
 
         iframe_header( __( 'Plugin Install' ) );
-
+        
         $_with_banner = '';
 
         if ( ! empty( $api->banners ) && ( ! empty( $api->banners['low'] ) || ! empty( $api->banners['high'] ) ) ) {
@@ -415 +415 @@
         }
 
         echo "</div>\n";
+        echo '<div id="plugin-information-scrollable">';
 
         ?>
         <div id="<?php echo $_tab; ?>-content" class='<?php echo $_with_banner; ?>'>
@@ -513 +514 @@
                 }
         echo "</div>\n";
         echo "</div>\n";
+        echo "</div>\n"; // #plugin-information-scrollable
         echo "<div id='$tab-footer'>\n";
         if ( ! empty( $api->download_link ) && ( current_user_can( 'install_plugins' ) || current_user_can( 'update_plugins' ) ) ) {
                 $status = install_plugin_install_status( $api );