WordPress.org
Get WordPress

Make WordPress Core

Changeset 24429


Ignore:
Timestamp:
06/07/2013 05:15:53 PM (11 years ago)
Author:
helen
Message:

Add post format icons to the radio chooser. This also trims empty margins from the sprites to make them usable in RTL and make positioning numbers more sane. props ryelle, kovshenin for the initial patch. fixes #24519.

Location:
trunk/wp-admin
Files:
10 edited

Legend:

Unmodified
Added
Removed

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

    r24426 r24429  
    14611461/* Post format icons */
    14621462
    1463 a.post-state-format {
     1463.post-format-icon {
    14641464    background: url(../images/post-formats-vs.png) no-repeat;
    14651465}
    … …  
    22842284
    22852285    /* 16px post formats */
    2286     a.post-state-format {
     2286    .post-format-icon {
    22872287        background-image: url(../images/post-formats32-vs.png);
    2288         background-size: 32px 320px;
     2288        background-size: 16px 304px;
    22892289    }
    22902290

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

    r24426 r24429  
    13551355/* Post format icons */
    13561356
    1357 a.post-state-format {
     1357.post-format-icon {
    13581358    background: url(../images/post-formats.png) no-repeat;
    13591359}
    … …  
    21722172
    21732173    /* 16px post formats */
    2174     a.post-state-format {
     2174    .post-format-icon {
    21752175        background-image: url(../images/post-formats32.png);
    2176         background-size: 32px 320px;
     2176        background-size: 16px 304px;
    21772177    }
    21782178

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

    r24426 r24429  
    10521052    margin-right: 0;
    10531053    margin-left: 5px;
     1054}
     1055
     1056label.post-format-icon {
     1057    margin-left: 0;
     1058    margin-right: 5px;
     1059    padding-left: 0px;
     1060    padding-right: 21px;
     1061}
     1062
     1063.post-format-icon.post-format-standard  {
     1064    background-position: 100% 0;
     1065}
     1066
     1067.post-format-icon.post-format-image  {
     1068    background-position: 100% -32px;
     1069}
     1070
     1071.post-format-icon.post-format-gallery {
     1072    background-position: 100% -64px;
     1073}
     1074
     1075.post-format-icon.post-format-audio {
     1076    background-position: 100% -96px;
     1077}
     1078
     1079.post-format-icon.post-format-video {
     1080    background-position: 100% -128px;
     1081}
     1082
     1083.post-format-icon.post-format-chat {
     1084    background-position: 100% -160px;
     1085}
     1086
     1087.post-format-icon.post-format-status {
     1088    background-position: 100% -192px;
     1089}
     1090
     1091.post-format-icon.post-format-aside {
     1092    background-position: 100% -224px;
     1093}
     1094
     1095.post-format-icon.post-format-quote {
     1096    background-position: 100% -256px;
     1097}
     1098
     1099.post-format-icon.post-format-link {
     1100    background-position: 100% -288px;
    10541101}
    10551102

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

    r24426 r24429  
    39473947}
    39483948
    3949 a.post-state-format.format-image  {
    3950     background-position: -8px -40px;
    3951 }
    3952 
    3953 a.post-state-format.format-gallery {
    3954     background-position: -8px -72px;
    3955 }
    3956 
    3957 a.post-state-format.format-audio {
    3958     background-position: -8px -104px;
    3959 }
    3960 
    3961 a.post-state-format.format-video {
    3962     background-position: -8px -136px;
    3963 }
    3964 
    3965 a.post-state-format.format-chat {
    3966     background-position: -8px -168px;
    3967 }
    3968 
    3969 a.post-state-format.format-status {
    3970     background-position: -8px -200px;
    3971 }
    3972 
    3973 a.post-state-format.format-aside {
    3974     background-position: -8px -232px;
    3975 }
    3976 
    3977 a.post-state-format.format-quote {
    3978     background-position: -8px -265px;
    3979 }
    3980 
    3981 a.post-state-format.format-link {
    3982     background-position: -8px -296px;
     3949#post-formats-select {
     3950    line-height: 2em;
     3951}
     3952
     3953label.post-format-icon {
     3954    margin-left: 5px;
     3955    padding: 2px 0 2px 21px;
     3956}
     3957
     3958.post-format-icon.post-format-standard  {
     3959    background-position: 0 0;
     3960}
     3961
     3962.post-format-icon.post-format-image  {
     3963    background-position: 0 -32px;
     3964}
     3965
     3966.post-format-icon.post-format-gallery {
     3967    background-position: 0 -64px;
     3968}
     3969
     3970.post-format-icon.post-format-audio {
     3971    background-position: 0 -96px;
     3972}
     3973
     3974.post-format-icon.post-format-video {
     3975    background-position: 0 -128px;
     3976}
     3977
     3978.post-format-icon.post-format-chat {
     3979    background-position: 0 -160px;
     3980}
     3981
     3982.post-format-icon.post-format-status {
     3983    background-position: 0 -192px;
     3984}
     3985
     3986.post-format-icon.post-format-aside {
     3987    background-position: 0 -224px;
     3988}
     3989
     3990.post-format-icon.post-format-quote {
     3991    background-position: 0 -256px;
     3992}
     3993
     3994.post-format-icon.post-format-link {
     3995    background-position: 0 -288px;
    39833996}
    39843997
    … …  
    64336446}
    64346447
    6435 #post-visibility-select,
    6436 #post-formats-select {
     6448#post-visibility-select {
    64376449    line-height: 1.5em;
    64386450    margin-top: 3px;

  • trunk/wp-admin/includes/class-wp-posts-list-table.php

    r24380 r24429  
    552552                    $label = get_post_format_string( $format );
    553553
    554                     echo '<a href="' . esc_url( add_query_arg( array( 'post_format' => $format, 'post_type' => $post->post_type ), 'edit.php' ) ) . '" class="post-state-format format-' . $format . '" title="' . $label . '">' . $label . ":</a> ";
     554                    echo '<a href="' . esc_url( add_query_arg( array( 'post_format' => $format, 'post_type' => $post->post_type ), 'edit.php' ) ) . '" class="post-state-format post-format-icon post-format-' . $format . '" title="' . $label . '">' . $label . ":</a> ";
    555555                }
    556556

  • trunk/wp-admin/includes/meta-boxes.php

    r24175 r24429  
    316316    ?>
    317317    <div id="post-formats-select">
    318         <input type="radio" name="post_format" class="post-format" id="post-format-0" value="0" <?php checked( $post_format, '0' ); ?> /> <label for="post-format-0"><?php _e('Standard'); ?></label>
     318        <input type="radio" name="post_format" class="post-format" id="post-format-0" value="0" <?php checked( $post_format, '0' ); ?> /> <label for="post-format-0" class="post-format-icon post-format-standard"><?php _e('Standard'); ?></label>
    319319        <?php foreach ( $post_formats[0] as $format ) : ?>
    320         <br /><input type="radio" name="post_format" class="post-format" id="post-format-<?php echo esc_attr( $format ); ?>" value="<?php echo esc_attr( $format ); ?>" <?php checked( $post_format, $format ); ?> /> <label for="post-format-<?php echo esc_attr( $format ); ?>"><?php echo esc_html( get_post_format_string( $format ) ); ?></label>
     320        <br /><input type="radio" name="post_format" class="post-format" id="post-format-<?php echo esc_attr( $format ); ?>" value="<?php echo esc_attr( $format ); ?>" <?php checked( $post_format, $format ); ?> /> <label for="post-format-<?php echo esc_attr( $format ); ?>" class="post-format-icon post-format-<?php echo esc_attr( $format ); ?>"><?php echo esc_html( get_post_format_string( $format ) ); ?></label>
    321321        <?php endforeach; ?><br />
    322322    </div>
Note: See TracChangeset for help on using the changeset viewer.