Changeset 24426

Timestamp:

06/07/2013 03:11:42 PM (10 years ago)

Author:

helen

Message:

Change the post format icons sprite to be vertical rather than horizontal in order to allow it to be used for wider items such as labels. RTL tweak for the icon in the posts list table. See #16047, #24519.

Location:

trunk/wp-admin

Files:

• css/colors-classic.css (modified) (1 diff)
• css/colors-fresh.css (modified) (1 diff)
• css/wp-admin-rtl.css (modified) (1 diff)
• css/wp-admin.css (modified) (1 diff)
• images/post-formats-vs.png (modified) (previous)
• images/post-formats.png (modified) (previous)
• images/post-formats32-vs.png (modified) (previous)
• images/post-formats32.png (modified) (previous)

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

@@ -2286 +2286 @@
     a.post-state-format {
         background-image: url(../images/post-formats32-vs.png);
-        background-size: 320px 32px;
+        background-size: 32px 320px;
     }
 

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

@@ -2174 +2174 @@
     a.post-state-format {
         background-image: url(../images/post-formats32.png);
-        background-size: 320px 32px;
+        background-size: 32px 320px;
     }
 

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

@@ -1049 +1049 @@
 ------------------------------------------------------------------------------*/
 
+a.post-state-format {
+    margin-right: 0;
+    margin-left: 5px;
+}
 
 /*------------------------------------------------------------------------------

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

@@ -3948 +3948 @@
 
 a.post-state-format.format-image  {
-    background-position: -40px -8px;
+    background-position: -8px -40px;
 }
 
 a.post-state-format.format-gallery {
-    background-position: -72px -8px;
+    background-position: -8px -72px;
 }
 
 a.post-state-format.format-audio {
-    background-position: -104px -8px;
+    background-position: -8px -104px;
 }
 
 a.post-state-format.format-video {
-    background-position: -135px -8px;
+    background-position: -8px -136px;
 }
 
 a.post-state-format.format-chat {
-    background-position: -168px -8px;
+    background-position: -8px -168px;
 }
 
 a.post-state-format.format-status {
-    background-position: -200px -8px;
+    background-position: -8px -200px;
 }
 
 a.post-state-format.format-aside {
-    background-position: -232px -8px;
+    background-position: -8px -232px;
 }
 
 a.post-state-format.format-quote {
-    background-position: -264px -8px;
+    background-position: -8px -265px;
 }
 
 a.post-state-format.format-link {
-    background-position: -296px -8px;
+    background-position: -8px -296px;
 }