From 24901103a990f21214220c5893f026768a0f1e19 Mon Sep 17 00:00:00 2001
From: "Dominik Schilling (ocean90)" <ocean90@git.wordpress.org>
Date: Fri, 19 Apr 2013 22:00:10 +0000
Subject: [PATCH] Post Formats: Change post screen icon on selection. props
 markjaquith. fixes #24140.

git-svn-id: https://develop.svn.wordpress.org/trunk@24039 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/wp-admin.css    | 20 ++++++++++----------
 wp-admin/includes/screen.php |  2 +-
 wp-admin/js/post-formats.js  |  7 +++++--
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css
index 8a4573af44..441bcee58e 100644
--- a/wp-admin/css/wp-admin.css
+++ b/wp-admin/css/wp-admin.css
@@ -4031,52 +4031,52 @@ body .ui-tooltip {
 	min-height: 97px;
 }
 
-#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;
 }
diff --git a/wp-admin/includes/screen.php b/wp-admin/includes/screen.php
index b82134e1d8..5ea232ca8d 100644
--- a/wp-admin/includes/screen.php
+++ b/wp-admin/includes/screen.php
@@ -171,7 +171,7 @@ function get_screen_icon( $screen = '' ) {
 		if ( $post_ID ) {
 			$format = get_post_format( $post_ID );
 			if ( $format )
-				$class .= ' ' . $format;
+				$class .= ' wp-format-' . $format;
 		}
 	}
 
diff --git a/wp-admin/js/post-formats.js b/wp-admin/js/post-formats.js
index 38d07c93b7..649f4b48f0 100644
--- a/wp-admin/js/post-formats.js
+++ b/wp-admin/js/post-formats.js
@@ -3,11 +3,14 @@ window.wp = window.wp || {};
 (function($) {
 	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);
 	}
 
 	function switchFormat($this) {