WordPress.org

Make WordPress Core

Ticket #19386: 19386.staggered-semifluid.diff

File 19386.staggered-semifluid.diff, 6.1 KB (added by helenyhou, 4 years ago)
  • wp-admin/css/wp-admin-rtl.dev.css

     
    13821382        margin-right: 9%; 
    13831383} 
    13841384 
    1385 .about-wrap .feature-section.angled-left .left-feature, 
    1386 .about-wrap .feature-section.angled-right .left-feature { 
    1387         margin-right: 0; 
    1388         margin-left: 3%; 
     1385.about-wrap .feature-section.left-third { 
     1386        float: right; 
    13891387} 
    1390  
    1391 .about-wrap .feature-section.angled-left .right-feature, 
    1392 .about-wrap .feature-section.angled-right .right-feature { 
     1388.about-wrap .feature-section.right-two-thirds { 
     1389        float: left; 
     1390} 
     1391.about-wrap .feature-section.right-two-thirds .angled-right { 
    13931392        margin-left: 0; 
    1394         margin-right: 4%; 
     1393        margin-right: 2.5em; 
    13951394} 
    13961395 
     1396.about-wrap .feature-section .angled-right img, 
     1397.about-wrap .feature-section .angled-left img { 
     1398        margin-right: 0; 
     1399        margin-left: 2em; 
     1400} 
     1401 
    13971402.about-wrap .feature-section.images-stagger-right .angled-left, 
    13981403.about-wrap .feature-section.images-stagger-left .angled-left { 
    13991404        float: left; 
    14001405} 
    14011406 
    1402 .about-wrap .feature-section.three-col img { 
    1403         margin: 0.5em 0 1em 0; 
    1404 } 
    1405  
    14061407.about-wrap li.wp-person, 
    14071408.about-wrap li.wp-person img.gravatar { 
    14081409        float: right; 
  • wp-admin/css/wp-admin.dev.css

     
    48284828.about-wrap { 
    48294829        position: relative; 
    48304830        margin: 25px 40px 0 20px; 
    4831         width: 770px; 
     4831        min-width: 770px; 
     4832        max-width: 1200px; /* readability */ 
    48324833         
    48334834        font-size: 15px; 
    48344835} 
     
    49464947        border-radius: 3px; 
    49474948} 
    49484949 
    4949 .about-wrap .feature-section.angled-right { 
    4950         margin-top: -10.5em; 
     4950.about-wrap .feature-section.left-third { 
     4951        width: 31%; 
     4952        float: left; 
     4953        overflow: visible; 
    49514954} 
    4952 .about-wrap .feature-section.angled-right .left-feature { 
    4953         padding-top: 9.5em; 
     4955.about-wrap .feature-section.left-third div { 
     4956        width: 112%; 
    49544957} 
    4955 .about-wrap .feature-section.angled-right img, 
    4956 .about-wrap .feature-section.angled-left img { 
    4957         margin-top: 1.5em; 
    4958 } 
    4959  
    4960 .about-wrap .feature-section.angled-left .left-feature, 
    4961 .about-wrap .feature-section.angled-right .left-feature { 
    4962         margin-right: 3%; 
    4963 } 
    4964 .about-wrap .feature-section.angled-left .right-feature, 
    4965 .about-wrap .feature-section.angled-right .right-feature { 
    4966         margin-left: 3%; 
    4967 } 
    4968 .about-wrap .feature-section .left-feature { 
    4969         margin-right: 5%; 
    4970 } 
    4971 .about-wrap .feature-section .right-feature { 
    4972         margin-left: 5%; 
     4958.about-wrap .feature-section.right-two-thirds { 
     4959        width: 67%; 
     4960        margin-top: 1.33em; 
    49734961        float: right; 
     4962        clear: none; 
    49744963} 
     4964.about-wrap .feature-section.right-two-thirds .angled-right { 
     4965        margin-top: -1em; 
     4966        margin-left: 2.5em; 
     4967} 
    49754968 
    4976 .about-wrap .feature-section.angled-left .left-feature, 
    4977 .about-wrap .feature-section.angled-right .right-feature { 
    4978         width: 27%; 
     4969.about-wrap .feature-section .angled-right h4, 
     4970.about-wrap .feature-section .angled-left h4 { 
     4971        margin-top: 0; 
    49794972} 
    4980 .about-wrap .feature-section.angled-left .right-feature, 
    4981 .about-wrap .feature-section.angled-right .left-feature { 
    4982         width: 32%; 
     4973.about-wrap .feature-section .angled-right img, 
     4974.about-wrap .feature-section .angled-left img { 
     4975        margin-top: .1em; 
     4976        margin-right: 2em; 
    49834977} 
    49844978 
    49854979.about-wrap .feature-section.three-col { 
     
    49964990        margin:  0 0 0.6em 0; 
    49974991} 
    49984992.about-wrap .feature-section.three-col img { 
    4999         margin: 0.5em 3px 1em 0; 
     4993        float: none; 
     4994        margin: 0.5em 0; 
    50004995        max-width: 100%; 
    50014996} 
    50024997.about-wrap .feature-section.three-col .last-feature { 
  • wp-admin/about.php

     
    5757<div class="changelog"> 
    5858        <h3><?php _e( 'Dashboard Design' ); ?></h3> 
    5959         
    60         <div class="feature-section angled-left"> 
    61                 <div class="left-feature"> 
    62                         <h4><?php _e( 'Flyout Menus' ); ?></h4> 
    63                         <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> 
     60        <div class="feature-section left-third"> 
     61                <h4><?php _e( 'Flyout Menus' ); ?></h4> 
     62                <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> 
     63                 
     64                <div> 
     65                <h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4> 
     66                <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> 
    6467                </div> 
    65                 <img src="images/screenshots/admin-flyouts.png" /> 
    66                 <div class="right-feature"> 
     68        </div> 
     69         
     70        <div class="feature-section right-two-thirds"> 
     71                <div class="angled-left"> 
     72                        <img src="images/screenshots/admin-flyouts.png" /> 
    6773                        <h4><?php _e( 'Responsive Design' ); ?></h4> 
    6874                        <p><?php _e( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p> 
    6975                </div> 
    70         </div> 
    71          
    72         <div class="feature-section angled-right"> 
    73                 <div class="left-feature"> 
    74                         <h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4> 
    75                         <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> 
    76                 </div> 
    77                 <img src="images/screenshots/help-screen.png" /> 
    78                 <div class="right-feature"> 
     76                <div class="angled-right"> 
     77                        <img src="images/screenshots/help-screen.png" /> 
    7978                        <h4><?php _e( 'Help Tabs' ); ?></h4> 
    8079                        <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> 
    8180                </div>