WordPress.org

Make WordPress Core

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

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

Fixes, class names, and RTL, oh my

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

     
    13741374 
    13751375.about-wrap .feature-section .left-feature { 
    13761376        margin-right: 0; 
    1377         margin-left: 10%; 
     1377        margin-left: 0; 
    13781378} 
    13791379 
    13801380.about-wrap .feature-section .right-feature { 
    13811381        margin-left: 0; 
    1382         margin-right: 9%; 
     1382        margin-right: 0; 
    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.text-features { 
     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.screenshot-features { 
     1389        float: left; 
     1390} 
     1391.about-wrap .feature-section.screenshot-features .angled-right { 
    13931392        margin-left: 0; 
    1394         margin-right: 4%; 
     1393        margin-right: 2.5em; 
    13951394} 
     1395.about-wrap .feature-section.screenshot-features .angled-right p { 
     1396        margin-left: 0; 
     1397        margin-right: 290px; 
     1398} 
    13961399 
     1400.about-wrap .feature-section .angled-right img, 
     1401.about-wrap .feature-section .angled-left img { 
     1402        margin-right: 0; 
     1403        margin-left: 2em; 
     1404} 
     1405 
    13971406.about-wrap .feature-section.images-stagger-right .angled-left, 
    13981407.about-wrap .feature-section.images-stagger-left .angled-left { 
    13991408        float: left; 
    14001409} 
    14011410 
    1402 .about-wrap .feature-section.three-col img { 
    1403         margin: 0.5em 0 1em 0; 
    1404 } 
    1405  
    14061411.about-wrap li.wp-person, 
    14071412.about-wrap li.wp-person img.gravatar { 
    14081413        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: 1050px; /* readability */ 
    48324833         
    48334834        font-size: 15px; 
    48344835} 
     
    48874888.about-wrap code { 
    48884889        font-size: 14px; 
    48894890} 
     4891html.ie8 .about-wrap img.element-screenshot { 
     4892        padding: 2px; 
     4893} 
    48904894 
    48914895/* WordPress Version Badge */ 
    48924896 
     
    49184922        padding: 4px 10px 6px; 
    49194923        margin: 0 3px -1px 0; 
    49204924        font-size: 18px; 
     4925        vertical-align: top; 
    49214926} 
    49224927.about-wrap h2 .nav-tab-active { 
    49234928        font-weight: bold; 
     
    49454950        -webkit-border-radius: 3px; 
    49464951        border-radius: 3px; 
    49474952} 
     4953html.ie8 .about-wrap .feature-section img, 
     4954html.ie8 .about-wrap .feature-section .image-mask { 
     4955        border-width: 1px; 
     4956        border-style: solid; 
     4957} 
    49484958 
    4949 .about-wrap .feature-section.angled-right { 
    4950         margin-top: -10.5em; 
     4959.about-wrap .feature-section.text-features { 
     4960        width: 31%; 
     4961         
     4962        float: left; 
     4963        overflow: visible; 
    49514964} 
    4952 .about-wrap .feature-section.angled-right .left-feature { 
    4953         padding-top: 9.5em; 
     4965.about-wrap .feature-section.text-features div { 
     4966        width: 112%; 
    49544967} 
    4955 .about-wrap .feature-section.angled-right img, 
    4956 .about-wrap .feature-section.angled-left img { 
    4957         margin-top: 1.5em; 
     4968.about-wrap .feature-section.screenshot-features { 
     4969        width: 67%; 
     4970        margin-top: 1.33em; 
     4971         
     4972        float: right; 
     4973        clear: none; 
     4974        overflow: visible; 
    49584975} 
    49594976 
    4960 .about-wrap .feature-section.angled-left .left-feature, 
    4961 .about-wrap .feature-section.angled-right .left-feature { 
    4962         margin-right: 3%; 
     4977.about-wrap .feature-section.screenshot-features .angled-right { 
     4978        margin-top: -1em; 
     4979        margin-left: 2.5em; 
    49634980} 
    4964 .about-wrap .feature-section.angled-left .right-feature, 
    4965 .about-wrap .feature-section.angled-right .right-feature { 
    4966         margin-left: 3%; 
     4981.about-wrap .feature-section.screenshot-features .angled-right p { 
     4982        margin-left: 290px; 
    49674983} 
    4968 .about-wrap .feature-section .left-feature { 
    4969         margin-right: 5%; 
    4970 } 
    4971 .about-wrap .feature-section .right-feature { 
    4972         margin-left: 5%; 
    4973         float: right; 
    4974 } 
    49754984 
    4976 .about-wrap .feature-section.angled-left .left-feature, 
    4977 .about-wrap .feature-section.angled-right .right-feature { 
    4978         width: 27%; 
     4985.about-wrap .feature-section .angled-right h4, 
     4986.about-wrap .feature-section .angled-left h4 { 
     4987        margin-top: 0; 
    49794988} 
    4980 .about-wrap .feature-section.angled-left .right-feature, 
    4981 .about-wrap .feature-section.angled-right .left-feature { 
    4982         width: 32%; 
     4989.about-wrap .feature-section .angled-right img, 
     4990.about-wrap .feature-section .angled-left img { 
     4991        margin-top: .1em; 
     4992        margin-right: 30px; 
    49834993} 
    49844994 
    49854995.about-wrap .feature-section.three-col { 
     
    49965006        margin:  0 0 0.6em 0; 
    49975007} 
    49985008.about-wrap .feature-section.three-col img { 
    4999         margin: 0.5em 3px 1em 0; 
     5009        margin: 0.5em 0 0.5em 5px; 
    50005010        max-width: 100%; 
     5011         
     5012        float: none; 
    50015013} 
     5014html.ie8 .about-wrap .feature-section.three-col img { 
     5015        margin-left: 0; 
     5016} 
    50025017.about-wrap .feature-section.three-col .last-feature { 
    50035018        margin-right: 0; 
    50045019} 
  • wp-admin/css/ie.dev.css

     
    410410        min-width: 400px; 
    411411} 
    412412 
     413.about-wrap img.element-screenshot { 
     414        padding: 2px; 
     415} 
    413416 
     417.about-wrap .feature-section img, 
     418.about-wrap .feature-section .image-mask { 
     419        border-width: 1px; 
     420        border-style: solid; 
     421} 
     422 
     423.about-wrap .feature-section.three-col img { 
     424        margin-left: 0; 
     425} 
     426 
     427 
    414428/* IE6 leftovers */ 
    415429* html .row-actions { 
    416430        visibility: visible; 
  • 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 text-features"> 
     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 screenshot-features"> 
     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> 
     
    110109        <div class="feature-section three-col"> 
    111110                <div> 
    112111                        <h4><?php _e( 'Better Co-Editing' ); ?></h4> 
    113                         <img src="images/screenshots/coediting.png" /> 
     112                        <img src="images/screenshots/coediting.png" class="element-screenshot" /> 
    114113                        <p><?php _e( 'Have you ever gone to edit a post after someone else has finished with it, only to get an alert that tells you the other person is still editing the post? From now on, you&#8217;ll only get that alert if another person is still on the editing screen &mdash; no more time lag.' ); ?></p> 
    115114                </div> 
    116115                <div>