WordPress.org
Get WordPress

Make WordPress Core

Changeset 22638


Ignore:
Timestamp:
11/17/2012 09:51:39 PM (14 years ago)
Author:
azaozz
Message:

Welcome screen: clean up the css, improve the html, add RTL styles, props helenyhou TobiasBg ocean90, fixes #21368, see #22453

Location:
trunk/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/css/ie.css

    r22447 r22638  
    2020.welcome-panel .wp-badge {
    2121        position: absolute;
    22 }
    23 
    24 .welcome-panel .welcome-panel-column {
    25         margin: 0 -25px 0 4%;
    2622}
    2723

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

    r22634 r22638  
    576576}
    577577
     578/* Welcome Panel */
    578579.welcome-panel .welcome-panel-close {
    579580        right: auto;
    … …  
    586587}
    587588
    588 .welcome-panel .wp-badge {
    589         float: right;
     589.welcome-panel-content {
     590        margin-left: 0;
     591        margin-right: 13px;
    590592}
    591593
    592594.welcome-panel .welcome-panel-column {
    593         margin: 0 -25px 0 5%;
    594         padding-left: 0;
    595         padding-right: 25px;
    596         float: right;
    597 }
    598 
    599 .welcome-panel .welcome-panel-column.welcome-panel-last {
    600         margin-right: auto;
    601         padding-right: 0;
    602         margin-left: 0;
    603 }
    604 
    605 .welcome-panel h4 .icon16 {
    606         margin-left: 0;
    607         margin-right: -32px;
    608 }
    609 
    610 .welcome-panel .welcome-panel-column-container {
    611         padding: 0 25px 0 0;
     595        float: right;
    612596}
    613597
    614598.welcome-panel .welcome-panel-column ul {
    615         margin: 1.6em 1.3em 1em 1em;
     599        margin-right: 0;
     600        margin-left: 1em;
    616601}
    617602
    … …  
    619604        padding-left: 0;
    620605        padding-right: 2px;
     606}
     607
     608.welcome-panel .welcome-add-page {
     609        background-position: right 2px;
     610}
     611
     612.welcome-panel .welcome-edit-page {
     613        background-position: right -90px;
     614}
     615
     616.welcome-panel .welcome-learn-more {
     617        background-position: right -136px;
     618}
     619
     620.welcome-panel .welcome-comments {
     621        background-position: right -182px;
     622}
     623
     624.welcome-panel .welcome-view-site {
     625        background-position: right -274px;
     626}
     627
     628.welcome-panel .welcome-widgets-menus {
     629        background-position: right -229px;
     630        line-height: 14px;
     631}
     632
     633.welcome-panel .welcome-write-blog {
     634        background-position: right -44px;
     635}
     636
     637.welcome-panel .welcome-icon {
     638        padding: 2px 32px 8px 0;
     639}
     640
     641@media screen and (max-width: 870px) {
     642        .welcome-panel .welcome-panel-column li {
     643                margin-right: 0;
     644                margin-left: 13px;
     645        }
     646
     647        .welcome-panel .welcome-icon {
     648                padding-right: 25px;
     649                padding-left: 0;
     650        }
    621651}
    622652

  • trunk/wp-admin/css/wp-admin.css

    r22634 r22638  
    22612261.welcome-panel .welcome-panel-close {
    22622262        position: absolute;
    2263         top: 0;
     2263        top: 5px;
    22642264        right: 10px;
    22652265        padding: 8px 3px;
    22662266        font-size: 13px;
    22672267        text-decoration: none;
     2268        line-height: 1;
    22682269}
    22692270
    … …  
    23102311}
    23112312
    2312 .welcome-panel .welcome-panel-column.welcome-panel-last {
    2313         margin-right: 0;
    2314 }
    2315 
    2316 .welcome-panel h4 .icon16 {
    2317         margin-left: -32px;
    2318 }
    2319 
    23202313.welcome-panel-column p {
    23212314        margin-top: 7px;
    23222315}
    23232316
    2324 .welcome-panel .welcome-add-page {
    2325         background: url('../images/welcome-icons.png') no-repeat 0 -1px;
    2326 }
    2327 
    2328 .welcome-panel .welcome-edit-page {
    2329         background: url('../images/welcome-icons.png') no-repeat 0px -92px;
    2330 }
    2331 
    2332 .welcome-panel .welcome-learn-more {
    2333         background: url('../images/welcome-icons.png') no-repeat 0px -138px;
    2334 }
    2335 
    2336 .welcome-panel .welcome-comments {
    2337         background: url('../images/welcome-icons.png') no-repeat 0px -184px;
    2338 }
    2339 
    2340 .welcome-panel .welcome-view-site {
    2341         background: url('../images/welcome-icons.png') no-repeat 0px -276px;
    2342 }
    2343 
    2344 .welcome-panel .welcome-widgets-menus {
    2345         background: url('../images/welcome-icons.png') no-repeat 1px -230px;
    2346         line-height: 14px;
    2347 }
    2348 
    2349 .welcome-panel .welcome-write-blog {
    2350         background: url('../images/welcome-icons.png') no-repeat 0px -46px;
    2351 }
    2352 
    2353 .welcome-panel .welcome-add-page,
    2354 .welcome-panel .welcome-edit-page,
    2355 .welcome-panel .welcome-learn-more,
    2356 .welcome-panel .welcome-comments,
    2357 .welcome-panel .welcome-view-site,
    2358 .welcome-panel .welcome-widgets-menus,
    2359 .welcome-panel .welcome-write-blog {
    2360         background-size: 16px;
     2317.welcome-panel .welcome-icon {
    23612318        display: block;
    23622319        padding: 2px 0 8px 32px;
     2320        background-image: url('../images/welcome-icons.png');
     2321        background-repeat: no-repeat;
     2322        background-size: 16px;
     2323}
     2324
     2325.welcome-panel .welcome-add-page {
     2326        background-position: 0 2px;
     2327}
     2328
     2329.welcome-panel .welcome-edit-page {
     2330        background-position: 0 -90px;
     2331}
     2332
     2333.welcome-panel .welcome-learn-more {
     2334        background-position: 0 -136px;
     2335}
     2336
     2337.welcome-panel .welcome-comments {
     2338        background-position: 0 -182px;
     2339}
     2340
     2341.welcome-panel .welcome-view-site {
     2342        background-position: 0 -274px;
     2343}
     2344
     2345.welcome-panel .welcome-widgets-menus {
     2346        background-position: 1px -229px;
     2347        line-height: 14px;
     2348}
     2349
     2350.welcome-panel .welcome-write-blog {
     2351        background-position: 0 -44px;
    23632352}
    23642353
    … …  
    23782367        }
    23792368
    2380         .welcome-panel .welcome-panel-column, .welcome-panel .welcome-panel-column:first-child {
     2369        .welcome-panel .welcome-panel-column,
     2370        .welcome-panel .welcome-panel-column:first-child {
    23812371                display: block;
    23822372                float: none;
    … …  
    23932383        }
    23942384
    2395         .welcome-panel .welcome-add-page,
    2396         .welcome-panel .welcome-edit-page,
    2397         .welcome-panel .welcome-learn-more,
    2398         .welcome-panel .welcome-comments,
    2399         .welcome-panel .welcome-view-site,
    2400         .welcome-panel .welcome-widgets-menus,
    2401         .welcome-panel .welcome-write-blog {
     2385        .welcome-panel .welcome-icon {
    24022386                padding-left: 25px;
    24032387        }
    … …  
    83878371        }
    83888372
    8389         .welcome-panel .welcome-add-page {
    8390                 background: url('../images/welcome-icons-2x.png') no-repeat 0 -1px;
    8391                 background-size: 16px;
    8392         }
    8393 
    8394         .welcome-panel .welcome-edit-page {
    8395                 background: url('../images/welcome-icons-2x.png') no-repeat 0px -92px;
    8396                 background-size: 16px;
    8397         }
    8398 
    8399         .welcome-panel .welcome-learn-more {
    8400                 background: url('../images/welcome-icons-2x.png') no-repeat 0px -138px;
    8401                 background-size: 16px;
    8402         }
    8403 
    8404         .welcome-panel .welcome-comments {
    8405                 background: url('../images/welcome-icons-2x.png') no-repeat 0px -184px;
    8406                 background-size: 16px;
    8407         }
    8408 
    8409         .welcome-panel .welcome-view-site {
    8410                 background: url('../images/welcome-icons-2x.png') no-repeat 0px -276px;
    8411                 background-size: 16px;
    8412         }
    8413 
    8414         .welcome-panel .welcome-widgets-menus {
    8415                 background: url('../images/welcome-icons-2x.png') no-repeat 1px -230px;
    8416                 background-size: 16px;
    8417         }
    8418 
    8419         .welcome-panel .welcome-write-blog {
    8420                 background: url('../images/welcome-icons-2x.png') no-repeat 0px -46px;
    8421                 background-size: 16px;
     8373        .welcome-panel .welcome-icon {
     8374                background-image: url('../images/welcome-icons-2x.png');
    84228375        }
    84238376

  • trunk/wp-admin/includes/dashboard.php

    r22498 r22638  
    12531253                <ul>
    12541254                <?php if ( 'page' == get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
    1255                         <li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    1256                         <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1255                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1256                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    12571257                <?php elseif ( 'page' == get_option( 'show_on_front' ) ) : ?>
    1258                         <li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    1259                         <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    1260                         <li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1258                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1259                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1260                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    12611261                <?php else : ?>
    1262                         <li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    1263                         <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1262                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1263                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    12641264                <?php endif; ?>
    1265                         <li><?php printf( '<a href="%s" class="welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
     1265                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
    12661266                </ul>
    12671267        </div>
    … …  
    12691269                <h4><?php _e( 'More Actions' ); ?></h4>
    12701270                <ul>
    1271                         <li><?php printf( '<div class="welcome-widgets-menus">Manage <a href="%s">' . __( 'widgets' ) . '</a> or <a href="%s">' . __( 'menus' ) . '</a></div>', admin_url( 'widgets.php' ), admin_url( 'nav-menus.php' ) ); ?></li>
    1272                         <li><?php printf( '<a href="%s" class="welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
    1273                         <li><?php printf( '<a href="%s" class="welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', 'http://codex.wordpress.org/First_Steps_With_WordPress' ); ?></li>
     1271                        <li><?php printf( '<div class="welcome-icon welcome-widgets-menus">Manage <a href="%s">' . __( 'widgets' ) . '</a> or <a href="%s">' . __( 'menus' ) . '</a></div>', admin_url( 'widgets.php' ), admin_url( 'nav-menus.php' ) ); ?></li>
     1272                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
     1273                        <li><?php printf( '<a href="%s" class="welcome-icon welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', 'http://codex.wordpress.org/First_Steps_With_WordPress' ); ?></li>
    12741274                </ul>
    12751275        </div>
Note: See TracChangeset for help on using the changeset viewer.