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
+3 -3
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;
}
}
+3 -3
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;
}
}
+47
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
------------------------------------------------------------------------------*/
+32 -20
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;
}