WordPress.org

Make WordPress Core

Ticket #19386: 19386.staggered-semifluid.2.diff

File 19386.staggered-semifluid.2.diff, 6.3 KB (added by helenyhou, 2 years ago)

With tab alignment

  • 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} 
     
    49184919        padding: 4px 10px 6px; 
    49194920        margin: 0 3px -1px 0; 
    49204921        font-size: 18px; 
     4922        vertical-align: top; 
    49214923} 
    49224924.about-wrap h2 .nav-tab-active { 
    49234925        font-weight: bold; 
     
    49464948        border-radius: 3px; 
    49474949} 
    49484950 
    4949 .about-wrap .feature-section.angled-right { 
    4950         margin-top: -10.5em; 
     4951.about-wrap .feature-section.left-third { 
     4952        width: 31%; 
     4953        float: left; 
     4954        overflow: visible; 
    49514955} 
    4952 .about-wrap .feature-section.angled-right .left-feature { 
    4953         padding-top: 9.5em; 
     4956.about-wrap .feature-section.left-third div { 
     4957        width: 112%; 
    49544958} 
    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%; 
     4959.about-wrap .feature-section.right-two-thirds { 
     4960        width: 67%; 
     4961        margin-top: 1.33em; 
    49734962        float: right; 
     4963        clear: none; 
    49744964} 
     4965.about-wrap .feature-section.right-two-thirds .angled-right { 
     4966        margin-top: -1em; 
     4967        margin-left: 2.5em; 
     4968} 
    49754969 
    4976 .about-wrap .feature-section.angled-left .left-feature, 
    4977 .about-wrap .feature-section.angled-right .right-feature { 
    4978         width: 27%; 
     4970.about-wrap .feature-section .angled-right h4, 
     4971.about-wrap .feature-section .angled-left h4 { 
     4972        margin-top: 0; 
    49794973} 
    4980 .about-wrap .feature-section.angled-left .right-feature, 
    4981 .about-wrap .feature-section.angled-right .left-feature { 
    4982         width: 32%; 
     4974.about-wrap .feature-section .angled-right img, 
     4975.about-wrap .feature-section .angled-left img { 
     4976        margin-top: .1em; 
     4977        margin-right: 2em; 
    49834978} 
    49844979 
    49854980.about-wrap .feature-section.three-col { 
     
    49964991        margin:  0 0 0.6em 0; 
    49974992} 
    49984993.about-wrap .feature-section.three-col img { 
    4999         margin: 0.5em 3px 1em 0; 
     4994        float: none; 
     4995        margin: 0.5em 0; 
    50004996        max-width: 100%; 
    50014997} 
    50024998.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>