Changeset 24039

Timestamp:

04/19/2013 10:00:10 PM (12 years ago)

Author:

ocean90

Message:

Post Formats: Change post screen icon on selection. props markjaquith. fixes #24140.

Location:

trunk/wp-admin

Files:

• css/wp-admin.css (modified) (1 diff)
• includes/screen.php (modified) (1 diff)
• js/post-formats.js (modified) (1 diff)

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

@@ -4032 +4032 @@
 }
 
-#icon-edit.standard,
+#icon-edit.wp-format-standard,
 .post-format-options .standard {
     background: url(../images/post-formats32.png) no-repeat -3px -4px;
 }
 
-#icon-edit.image,
+#icon-edit.wp-format-image,
 .post-format-options .image {
     background: url(../images/post-formats32.png) no-repeat  -43px -4px;
 }
 
-#icon-edit.gallery,
+#icon-edit.wp-format-gallery,
 .post-format-options .gallery {
     background: url(../images/post-formats32.png) no-repeat -83px -4px;
 }
 
-#icon-edit.audio,
+#icon-edit.wp-format-audio,
 .post-format-options .audio {
     background: url(../images/post-formats32.png) no-repeat -123px -4px;
 }
 
-#icon-edit.video,
+#icon-edit.wp-format-video,
 .post-format-options .video {
     background: url(../images/post-formats32.png) no-repeat -163px -4px;
 }
 
-#icon-edit.chat,
+#icon-edit.wp-format-chat,
 .post-format-options .chat {
     background: url(../images/post-formats32.png) no-repeat -202px -4px;
 }
 
-#icon-edit.status,
+#icon-edit.wp-format-status,
 .post-format-options .status {
     background: url(../images/post-formats32.png) no-repeat -242px -4px;
 }
 
-#icon-edit.aside,
+#icon-edit.wp-format-aside,
 .post-format-options .aside {
     background: url(../images/post-formats32.png) no-repeat -282px -4px;
 }
 
-#icon-edit.quote,
+#icon-edit.wp-format-quote,
 .post-format-options .quote {
     background: url(../images/post-formats32.png) no-repeat -322px -4px;
 }
 
-#icon-edit.link,
+#icon-edit.wp-format-link,
 .post-format-options .link {
     background: url(../images/post-formats32.png) no-repeat -362px -4px;

trunk/wp-admin/includes/screen.php

@@ -172 +172 @@
             $format = get_post_format( $post_ID );
             if ( $format )
-                $class .= ' ' . $format;
+                $class .= ' wp-format-' . $format;
         }
     }

trunk/wp-admin/js/post-formats.js

@@ -4 +4 @@
     var container, mediaFrame, lastMimeType, mediaPreview,
         noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'],
-        $container = $( '.post-formats-fields' );
+        $container = $( '.post-formats-fields' ),
+        $screenIcon = $( '.icon32' );
 
     function switchFormatClass( format ) {
-        container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/g, '' );
+        container.get(0).className = container.get(0).className.replace( /\s?\bwp-format-[^ ]+/g, '' );
         container.addClass('wp-format-' + format);
+        $screenIcon.get(0).className = $screenIcon.get(0).className.replace( /\s?\bwp-format-[^ ]+/g, '' );
+        $screenIcon.addClass('wp-format-' + format);
     }