Ticket #19570: 19570-icons.patch

wp-admin/css/wp-admin.css

@@ -5288 +5288 @@
         color: #464646;
 }
 
+.nav-tab-icon {
+        float: left;
+        display: block;
+        margin: 4px 4px 0 0;
+        overflow: hidden;
+}
+
+.icon-aside {
+  background: url('../images/post-formats-icons.png') -64px 0px no-repeat;
+  width: 15px;
+  height: 15px;
+}
+
+.icon-audio {
+  background: url('../images/post-formats-icons.png') -23px 0px no-repeat;
+  width: 17px;
+  height: 16px;
+}
+
+.icon-chat {
+  background: url('../images/post-formats-icons.png') 0px -20px no-repeat;
+  width: 16px;
+  height: 16px;
+}
+
+.icon-gallery {
+  background: url('../images/post-formats-icons.png') 0px -40px no-repeat;
+  width: 17px;
+  height: 14px;
+}
+
+.icon-image {
+  background: url('../images/post-formats-icons.png') -44px 0px no-repeat;
+  width: 16px;
+  height: 16px;
+}
+
+.icon-link {
+  background: url('../images/post-formats-icons.png') 0px 0px no-repeat;
+  width: 19px;
+  height: 16px;
+}
+
+.icon-quote {
+  background: url('../images/post-formats-icons.png') -21px -40px no-repeat;
+  width: 16px;
+  height: 14px;
+}
+
+.icon-standard {
+  background: url('../images/post-formats-icons.png') -64px -19px no-repeat;
+  width: 12px;
+  height: 16px;
+}
+
+.icon-status {
+  background: url('../images/post-formats-icons.png') -20px -20px no-repeat;
+  width: 16px;
+  height: 16px;
+}
+
+.icon-video {
+  background: url('../images/post-formats-icons.png') -44px -20px no-repeat;
+  width: 15px;
+  height: 16px;
+}
+
 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
         border-bottom-width: 1px;
         border-bottom-style: solid;

wp-admin/edit-form-advanced.php

@@ -338 +338 @@
         echo '<h2 class="nav-tab-wrapper post-format-select">';
 
         foreach ( $all_post_formats as $slug => $label ) {
+                $icon = '<div class="nav-tab-icon icon-' . $slug . '"></div>';
+
                 if ( $post_format == $slug )
-                        $class = 'nav-tab nav-tab-active';
+                        $class = 'nav-tab nav-tab-'. $slug . ' nav-tab-active';
                 else
-                        $class = 'nav-tab';
+                        $class = 'nav-tab nav-tab-'. $slug;
 
-                echo '<a class="' . $class . '" href="?format=' . $slug . '" data-wp-format="' . $slug . '">' . $label . '</a>';
+                echo '<a class="' . $class . '" href="?format=' . $slug . '" data-wp-format="' . $slug . '">' . $icon . $label . '</a>';
         }
 
         echo '</h2>';