WordPress.org

Make WordPress Core

Changeset 22638


Ignore:
Timestamp:
11/17/12 21:51:39 (17 months 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.