Ticket #19386: 19386.semifluid.diff

wp-admin/css/wp-admin-rtl.dev.css

@@ -1372 +1372 @@
         float: right;
 }
 
-.about-wrap .feature-section .left-feature {
-        margin-right: 0;
-        margin-left: 10%;
-}
-
-.about-wrap .feature-section .right-feature {
-        margin-left: 0;
-        margin-right: 9%;
-}
-
 .about-wrap .feature-section.angled-left .left-feature,
 .about-wrap .feature-section.angled-right .left-feature {
         margin-right: 0;

wp-admin/css/wp-admin.dev.css

@@ -4828 +4828 @@
 .about-wrap {
         position: relative;
         margin: 25px 40px 0 20px;
-        width: 770px;
+        min-width: 770px;
+        max-width: 1200px; /* readability */
         
         font-size: 15px;
 }
@@ -4946 +4947 @@
         border-radius: 3px;
 }
 
-.about-wrap .feature-section.angled-right {
-        margin-top: -10.5em;
-}
-.about-wrap .feature-section.angled-right .left-feature {
-        padding-top: 9.5em;
-}
-.about-wrap .feature-section.angled-right img,
-.about-wrap .feature-section.angled-left img {
-        margin-top: 1.5em;
-}
-
-.about-wrap .feature-section.angled-left .left-feature,
-.about-wrap .feature-section.angled-right .left-feature {
-        margin-right: 3%;
-}
-.about-wrap .feature-section.angled-left .right-feature,
-.about-wrap .feature-section.angled-right .right-feature {
-        margin-left: 3%;
-}
-.about-wrap .feature-section .left-feature {
-        margin-right: 5%;
-}
-.about-wrap .feature-section .right-feature {
-        margin-left: 5%;
-        float: right;
-}
-
-.about-wrap .feature-section.angled-left .left-feature,
-.about-wrap .feature-section.angled-right .right-feature {
-        width: 27%;
-}
-.about-wrap .feature-section.angled-left .right-feature,
-.about-wrap .feature-section.angled-right .left-feature {
-        width: 32%;
-}
-
 .about-wrap .feature-section.three-col {
         padding-top: 15px;
         margin-bottom: 0;
@@ -4996 +4961 @@
         margin:  0 0 0.6em 0;
 }
 .about-wrap .feature-section.three-col img {
-        margin: 0.5em 3px 1em 0;
+        float: none;
+        margin: 0.5em 0;
         max-width: 100%;
 }
 .about-wrap .feature-section.three-col .last-feature {

wp-admin/about.php

@@ -57 +57 @@
 <div class="changelog">
         <h3><?php _e( 'Dashboard Design' ); ?></h3>
         
-        <div class="feature-section angled-left">
-                <div class="left-feature">
-                        <h4><?php _e( 'Flyout Menus' ); ?></h4>
-                        <p><?php _e( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen.' ); ?></p>
+        <div class="feature-section images-stagger-left">
+                <div class="feature-images">
+                        <img src="images/screenshots/admin-flyouts.png" class="angled-left" />
+                        <img src="images/screenshots/help-screen.png" class="angled-right" />
                 </div>
-                <img src="images/screenshots/admin-flyouts.png" />
                 <div class="right-feature">
-                        <h4><?php _e( 'Responsive Design' ); ?></h4>
-                        <p><?php _e( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p>
-                </div>
-        </div>
-        
-        <div class="feature-section angled-right">
-                <div class="left-feature">
+                        <h4><?php _e( 'Flyout Menus' ); ?></h4>
+                        <p><?php _e( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen.' ); ?></p>
+                        
                         <h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4>
                         <p><?php _e( 'To save space and increase efficiency, we&#8217;ve combined the admin bar and the old Dashboard header into one persistent toolbar. Hovering over the toolbar items will reveal submenus when available for quick access. ' ); ?></p>
-                </div>
-                <img src="images/screenshots/help-screen.png" />
-                <div class="right-feature">
+                        
                         <h4><?php _e( 'Help Tabs' ); ?></h4>
                         <p><?php _e( 'The Help tabs located in the upper corner of the dashboard screens below your name have gotten a facelift. Help content is broken into smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p>
+                        
+                        <h4><?php _e( 'Responsive Design' ); ?></h4>
+                        <p><?php _e( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p>
                 </div>
-        </div>
+
 </div>
 
 <div class="changelog">