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.

git-svn-id: https://develop.svn.wordpress.org/trunk@24429 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2013-06-07 17:15:53 +00:00
parent dae6b6b6ab
commit 714da2b9e0
10 changed files with 88 additions and 29 deletions

View File

@ -1460,7 +1460,7 @@ div.wp-menu-image {
/* Post format icons */
a.post-state-format {
.post-format-icon {
background: url(../images/post-formats-vs.png) no-repeat;
}
@ -2283,9 +2283,9 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
}
/* 16px post formats */
a.post-state-format {
.post-format-icon {
background-image: url(../images/post-formats32-vs.png);
background-size: 32px 320px;
background-size: 16px 304px;
}
}

View File

@ -1354,7 +1354,7 @@ div.wp-menu-image {
/* Post format icons */
a.post-state-format {
.post-format-icon {
background: url(../images/post-formats.png) no-repeat;
}
@ -2171,9 +2171,9 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
}
/* 16px post formats */
a.post-state-format {
.post-format-icon {
background-image: url(../images/post-formats32.png);
background-size: 32px 320px;
background-size: 16px 304px;
}
}

View File

@ -1053,6 +1053,53 @@ a.post-state-format {
margin-left: 5px;
}
label.post-format-icon {
margin-left: 0;
margin-right: 5px;
padding-left: 0px;
padding-right: 21px;
}
.post-format-icon.post-format-standard {
background-position: 100% 0;
}
.post-format-icon.post-format-image {
background-position: 100% -32px;
}
.post-format-icon.post-format-gallery {
background-position: 100% -64px;
}
.post-format-icon.post-format-audio {
background-position: 100% -96px;
}
.post-format-icon.post-format-video {
background-position: 100% -128px;
}
.post-format-icon.post-format-chat {
background-position: 100% -160px;
}
.post-format-icon.post-format-status {
background-position: 100% -192px;
}
.post-format-icon.post-format-aside {
background-position: 100% -224px;
}
.post-format-icon.post-format-quote {
background-position: 100% -256px;
}
.post-format-icon.post-format-link {
background-position: 100% -288px;
}
/*------------------------------------------------------------------------------
12.0 - Categories
------------------------------------------------------------------------------*/

View File

@ -3946,40 +3946,53 @@ a.post-state-format {
text-indent: -999em;
}
a.post-state-format.format-image {
background-position: -8px -40px;
#post-formats-select {
line-height: 2em;
}
a.post-state-format.format-gallery {
background-position: -8px -72px;
label.post-format-icon {
margin-left: 5px;
padding: 2px 0 2px 21px;
}
a.post-state-format.format-audio {
background-position: -8px -104px;
.post-format-icon.post-format-standard {
background-position: 0 0;
}
a.post-state-format.format-video {
background-position: -8px -136px;
.post-format-icon.post-format-image {
background-position: 0 -32px;
}
a.post-state-format.format-chat {
background-position: -8px -168px;
.post-format-icon.post-format-gallery {
background-position: 0 -64px;
}
a.post-state-format.format-status {
background-position: -8px -200px;
.post-format-icon.post-format-audio {
background-position: 0 -96px;
}
a.post-state-format.format-aside {
background-position: -8px -232px;
.post-format-icon.post-format-video {
background-position: 0 -128px;
}
a.post-state-format.format-quote {
background-position: -8px -265px;
.post-format-icon.post-format-chat {
background-position: 0 -160px;
}
a.post-state-format.format-link {
background-position: -8px -296px;
.post-format-icon.post-format-status {
background-position: 0 -192px;
}
.post-format-icon.post-format-aside {
background-position: 0 -224px;
}
.post-format-icon.post-format-quote {
background-position: 0 -256px;
}
.post-format-icon.post-format-link {
background-position: 0 -288px;
}
@ -6432,8 +6445,7 @@ table.form-table td .updated {
width: 250px;
}
#post-visibility-select,
#post-formats-select {
#post-visibility-select {
line-height: 1.5em;
margin-top: 3px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

View File

@ -551,7 +551,7 @@ class WP_Posts_List_Table extends WP_List_Table {
if ( $format = get_post_format( $post->ID ) ) {
$label = get_post_format_string( $format );
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> ";
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> ";
}
if ( $can_edit_post && $post->post_status != 'trash' ) {

View File

@ -315,9 +315,9 @@ function post_format_meta_box( $post, $box ) {
$post_formats[0][] = $post_format;
?>
<div id="post-formats-select">
<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>
<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>
<?php foreach ( $post_formats[0] as $format ) : ?>
<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>
<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>
<?php endforeach; ?><br />
</div>
<?php endif; endif;