WordPress.org

Make WordPress Core

Changeset 22638


Ignore:
Timestamp:
11/17/2012 09:51:39 PM (8 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.