WordPress.org

Make WordPress Core

Ticket #18742: 18742.final-content.patch

File 18742.final-content.patch, 11.7 KB (added by chexee, 3 years ago)

Adds in final content and first pass at new layout

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

     
    48784879 
    48794880.about-wrap h3 { 
    48804881        font-size: 24px; 
    4881         margin-bottom: 0.4em; 
     4882        margin-bottom: 1em; 
    48824883        padding-top: 20px; 
    48834884} 
    48844885 
     
    49014902.about-wrap .feature-section { 
    49024903        min-height: 100px; 
    49034904        overflow: hidden; 
     4905        clear: both; 
    49044906} 
     4907.about-wrap .feature-section.angled-left img { 
     4908        margin-top: 1em; 
     4909} 
    49054910 
    49064911.about-wrap .feature-section.angled-right { 
    49074912        margin-top: -35px; 
    49084913        padding-top: 15px; 
    49094914} 
    49104915.about-wrap .feature-section.angled-right img { 
    4911         margin-top: 0; 
     4916        margin-top: 0.5em; 
    49124917} 
     4918 
    49134919.about-wrap .feature-section.angled-right .left-feature { 
    49144920        margin-top: 15px; 
    49154921} 
     
    49324938        margin-left: 9%; 
    49334939} 
    49344940.about-wrap .feature-section.angled-left .left-feature, 
    4935 .about-wrap .feature-section.angled-right .left-feature { 
     4941.about-wrap .feature-section.angled-right .left-feature, 
     4942.about-wrap .feature-section.two-col .left-feature { 
    49364943        margin-right: 5%; 
    49374944} 
    49384945.about-wrap .feature-section.angled-left .right-feature, 
     
    49404947        margin-left: 5%; 
    49414948} 
    49424949.about-wrap .feature-section img { 
    4943         width: 19%; 
    4944         height: 130px; 
     4950        height: 170px; 
    49454951        margin-top: 15px; 
    49464952 
    49474953        border-width: 1px; 
     
    49584964        width: 40%; 
    49594965} 
    49604966 
     4967.about-wrap .feature-section.three-col { 
     4968        margin-top: -35px; 
     4969        padding-top: 15px; 
     4970} 
     4971.about-wrap .feature-section.three-col div { 
     4972        width: 30%; 
     4973        margin-right: 4.999999999%; 
     4974        float: left; 
     4975} 
     4976.about-wrap .feature-section.three-col .last-feature { 
     4977        margin-right: 0; 
     4978} 
     4979.about-wrap .feature-section.three-col .image-mask { 
     4980        overflow: hidden; 
     4981        display: block; 
     4982        text-align: center; 
     4983 
     4984        width: 98%; 
     4985        height: 130px; 
     4986         
     4987        margin: 20px 1%; 
     4988} 
     4989.about-wrap .feature-section.three-col .image-mask img { 
     4990        width: auto; 
     4991        height: auto; 
     4992        margin: 0 auto; 
     4993        float: none; 
     4994         
     4995        border: none; 
     4996         
     4997        box-shadow: none; 
     4998        -webkit-box-shadow: none; 
     4999} 
     5000 
     5001.about-wrap .feature-section .feature-images { 
     5002        width: 350px; 
     5003        margin-bottom: 30px; 
     5004} 
     5005.about-wrap .feature-section.images-stagger-right .angled-right, 
     5006.about-wrap .feature-section.images-stagger-left .angled-left { 
     5007        margin-bottom: -50px; 
     5008} 
     5009.about-wrap .feature-section .feature-images img { 
     5010        width: 300px; 
     5011        margin-right: 5px; 
     5012} 
     5013.about-wrap .feature-section .angled-right { 
     5014        float: right; 
     5015} 
     5016.about-wrap .feature-section.images-stagger-right .feature-images { 
     5017        margin-left: 4.9999%; 
     5018        float: right; 
     5019}  
     5020.about-wrap .feature-section.images-stagger-left .feature-images { 
     5021        margin-right: 4.9999%; 
     5022        float: left; 
     5023} 
     5024.about-wrap .feature-section.images-stagger-left .angled-left { 
     5025        margin-left: 5px; 
     5026} 
     5027 
     5028 
     5029.about-wrap .feature-section.custom-dashboard-design img { 
     5030        width: auto; 
     5031} 
     5032.about-wrap .feature-section.custom-dashboard-design .feature-admin-bar img { 
     5033        border: 0; 
     5034        float: right; 
     5035        margin: 0 5px 20px 30px; 
     5036        height: auto; 
     5037} 
     5038@media (max-width:900px) { 
     5039        .about-wrap .feature-section.custom-dashboard-design .feature-admin-bar img { 
     5040                width: 99%; 
     5041                height: auto; 
     5042                margin-top: 10px; 
     5043        } 
     5044} 
     5045 
    49615046.about-wrap .return-to-dashboard { 
    4962         margin: 16px 0 0; 
     5047        margin: 16px 0; 
    49635048        font-size: 14px; 
    49645049        font-weight: bold; 
    49655050} 
  • wp-admin/css/colors-classic.dev.css

     
    21682168        color: #464646; 
    21692169} 
    21702170 
    2171 .about-wrap .feature-section img { 
    2172         background: #f9f9f9; 
     2171.about-wrap .feature-section img, 
     2172.about-wrap .feature-section .image-mask { 
     2173        background: #fff; 
    21732174        border-color: #dfdfdf; 
    21742175 
    21752176        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 
  • wp-admin/css/colors-fresh.dev.css

     
    17951795        color: #464646; 
    17961796} 
    17971797 
    1798 .about-wrap .feature-section img { 
    1799         background: #f9f9f9; 
     1798.about-wrap .feature-section img, 
     1799.about-wrap .feature-section .image-mask { 
     1800        background: #fff; 
    18001801        border-color: #dfdfdf; 
    18011802 
    18021803        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 
  • wp-admin/about.php

     
    3434</h2> 
    3535 
    3636<div class="changelog"> 
    37         <h3><?php _e('For Users'); ?></h3> 
     37        <h3><?php _e('Easier Uploading'); ?></h3> 
    3838 
    39         <div class="feature-section angled-left"> 
    40                 <div class="left-feature"> 
     39        <div class="feature-section three-col"> 
     40                <div> 
     41                        <span class="image-mask"><img src="images/screenshots/drag-and-drop.png" /></span> 
    4142                        <h4><?php echo ( 'Drag-and-Drop Media Uploader' ); ?></h4> 
    42                         <p><?php echo ( 'Add your media by simply dragging and dropping files from your computer into the new WordPress media uploader.' ); ?></p> 
     43                        <p><?php echo ( 'Adding photos or other files to posts and pages just got easier. Drag files from your desktop and drop them into the uploader. Add one file at a time, or many at once.' ); ?></p> 
    4344                </div> 
    44                 <img class="placeholder" /> 
    45                 <div class="right-feature"> 
    46                         <h4><?php echo ( 'A Responsive Admin' ); ?></h4> 
    47                         <p><?php echo ( 'The WordPress admin now responds and adjusts to more devices and screen resolutions for a better native experience.' ); ?></p> 
     45                <div> 
     46                        <span class="image-mask"><img src="images/screenshots/media-icon.png" /></span>          
     47                        <h4><?php echo ( 'File Type Detection' ); ?></h4> 
     48                        <p><?php echo ( 'We&#039;ve streamlined things! Instead of needing to click on a specific upload icon based on your file type, now there&#039;s just one. Once your file is uploaded, the appropriate fields will be displayed for entering information based on the file type.' ); ?></p> 
    4849                </div> 
     50                <div class="last-feature"> 
     51                        <span class="image-mask"><img src="images/screenshots/more-file-types.png" /></span> 
     52                        <h4><?php echo ( 'More File Formats' ); ?></h4> 
     53                        <p><?php echo ( 'We&#039;ve added the rar and 7z file formats to the list of allowed file types in the uploader.'); ?></p> 
     54                </div> 
    4955        </div> 
    50         <div class="feature-section angled-right"> 
    51                 <div class="left-feature"> 
    52                         <h4><?php echo ( 'New-user Experience' ); ?></h4> 
    53                         <p><?php echo ( 'New users get a helping hand. Updates come with this handy summary of what&#8217;s new in this version of WordPress.' ); ?></p> 
     56         
     57</div> 
     58 
     59<div class="changelog"> 
     60        <h3><?php _e('Dashboard Design'); ?></h3> 
     61         
     62        <div class="feature-section custom-dashboard-design"> 
     63                <div class="feature-admin-bar"> 
     64                        <h4><?php echo ( 'Header + Admin Bar' ); ?></h4> 
     65                        <img src="images/screenshots/admin-bar.png" />                                   
     66                        <p><?php echo ( 'blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
     67                        blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah' ); ?></p> 
    5468                </div> 
    55                 <img class="placeholder" /> 
    56                 <div class="right-feature"> 
    57                         <h4><?php echo ( 'A New and Improved Admin Bar' ); ?></h4> 
    58                         <p><?php echo ( 'Get to the most useful areas of your dashboard from anywhere on your site quicker and easier than ever with a better organized admin bar.' ); ?></p> 
     69        </div> 
     70         
     71        <div class="feature-section images-stagger-left"> 
     72                <div class="feature-images"> 
     73                        <img src="images/screenshots/help-screen.png" width="300" height="170" class="angled-left" />    
     74                        <img src="images/screenshots/admin-flyouts.png" width="300" height="170" class="angled-right" />         
    5975                </div> 
     76                <div class="feature-right"> 
     77                        <h4><?php echo ( 'Responsive Design' ); ?></h4> 
     78                        <p><?php echo ( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p> 
     79 
     80                        <h4><?php echo ( 'Help Tabs' ); ?></h4> 
     81                        <p><?php echo ( 'The Help tabs in the upper [right/left] have gotten a facelift. Help content is broken in smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p> 
     82 
     83                        <h4><?php echo ( 'Flyout Menus' ); ?></h4> 
     84                        <p><?php echo ( '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 from any other.' ); ?></p> 
     85                </div> 
    6086        </div> 
     87         
    6188</div> 
    6289 
     90 
    6391<div class="changelog"> 
    64         <h3><?php _e('Under the Hood'); ?></h3> 
     92        <h3><?php _e('Feels Like the First Time'); ?></h3> 
    6593 
    66         <div class="feature-section"> 
    67                 <div class="left-feature"> 
    68                         <h4><?php echo ( 'Flexible Permalinks' ); ?></h4> 
    69                         <p><?php echo ( 'You have more freedom when choosing a post permalink structure. Skip the date information or add a category slug with no performance penalty!' ); ?></p> 
     94        <div class="feature-section images-stagger-right"> 
     95                <div class="feature-images"> 
     96                        <img src="images/screenshots/new-feature-pointer.png" class="angled-right" /> 
     97                        <img src="images/screenshots/welcome-screen.png" class="angled-left" /> 
    7098                </div> 
    71                 <div class="right-feature"> 
    72                         <h4><?php echo ( 'WP_Screen API' ); ?></h4> 
    73                         <p><?php echo ( 'WordPress admin screens have a nice new API that gives you the ability to create screens with help documentation, settings, and more.' ); ?></p> 
     99                <div class="feature-left"> 
     100                        <h4><?php echo ( 'New Feature Pointers' ); ?></h4> 
     101                        <p><?php echo ( '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 from any other.' ); ?></p> 
     102 
     103                        <h4><?php echo ( 'Post-update Changelog' ); ?></h4> 
     104                        <p><?php echo ( 'This screen! From now on when you update WordPress, you&#039;ll be brought to this screen &mdash; also accessible any time from the W logo in the corner of the toolbar &mdash; to get an overview of what&#039;s changed.' ); ?></p> 
     105 
     106                        <h4><?php echo ( 'Dashboard Welcome' ); ?></h4>                  
     107                        <p><?php echo ( 'The dashboard home screen will have a Welcome area that displays when a new WordPress installation is accessed for the first time, prompting the site owner to complete various setup tasks. Once dismissed, this welcome can be accessed via the dashboard home screen options tab.' ); ?></p> 
    74108                </div> 
    75109        </div> 
     110         
    76111</div> 
    77112 
     113<div class="changelog"> 
     114        <h3><?php _e('[Needs Label]'); ?></h3> 
     115 
     116        <div class="feature-section three-col"> 
     117                <div> 
     118                        <h4><?php echo ( 'Widget Improvements' ); ?></h4> 
     119                        <p><?php echo ( 'blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
     120                        blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah'); ?></p> 
     121                </div> 
     122                <div> 
     123                        <h4><?php echo ( 'Tumblr Importer' ); ?></h4> 
     124                        <p><?php echo ( 'blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
     125                        blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah' ); ?></p> 
     126                </div> 
     127                <div class="last-feature"> 
     128                        <h4><?php echo ( 'Better Co-Editing' ); ?></h4> 
     129                        <p><?php echo ( 'blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
     130                        blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah' ); ?></p> 
     131                </div> 
     132        </div> 
     133         
     134</div> 
     135 
    78136<div class="return-to-dashboard"> 
    79137        <a href="<?php echo admin_url(); ?>"><?php _e('Go to the Dashboard'); ?></a> 
    80138</div>