From bba82422d0973c9b4abdc1a74bc31ad1d3c0ab86 Mon Sep 17 00:00:00 2001
From: Daryl Koopersmith <koop@git.wordpress.org>
Date: Sun, 4 Mar 2012 02:40:18 +0000
Subject: [PATCH] Theme Customizer: Add mini screenshot and description to
 theme info section. see #19910.

git-svn-id: https://develop.svn.wordpress.org/trunk@20108 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-includes/css/customize-controls.dev.css | 36 ++++++++++++++++++----
 wp-includes/customize-controls.php         |  7 +++++
 2 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/wp-includes/css/customize-controls.dev.css b/wp-includes/css/customize-controls.dev.css
index 6b7530494b..c83d4c7f64 100644
--- a/wp-includes/css/customize-controls.dev.css
+++ b/wp-includes/css/customize-controls.dev.css
@@ -64,24 +64,48 @@ body {
 	border-color: transparent transparent #ccc transparent;
 }
 
-#customize-controls .theme-name {
+#customize-info {
+	margin-top: 45px;
+}
+
+#customize-info .customize-section-title:after {
+	display: none;
+}
+#customize-info.open .customize-section-title:after {
+	display: block;
+}
+
+#customize-info .customize-section-title .theme-screenshot {
+	float: right;
+	width: auto;
+	height: 53px;
+	margin: -7px -13px 0 15px;
+}
+
+#customize-info.open .customize-section-title .theme-screenshot {
+	display: none;
+}
+
+#customize-info .theme-name {
 	font-size: 16px;
 	font-weight: bold;
 	line-height: 24px;
 	display: block;
 }
 
-#customize-controls .theme-screenshot {
+#customize-info .theme-screenshot {
 	width: 258px;
 	border: 1px solid #ccc;
 }
 
-#customize-controls .submit {
-	text-align: center;
+#customize-info .theme-description {
+	margin-top: 1em;
+	color: #777;
+	line-height: 20px;
 }
 
-#customize-info {
-	padding-top: 55px;
+#customize-controls .submit {
+	text-align: center;
 }
 
 #customize-theme-controls {
diff --git a/wp-includes/customize-controls.php b/wp-includes/customize-controls.php
index 63508db24a..87a9539c7c 100644
--- a/wp-includes/customize-controls.php
+++ b/wp-includes/customize-controls.php
@@ -52,6 +52,9 @@ do_action( 'customize_controls_print_scripts' );
 
 		<div id="customize-info" class="customize-section">
 			<div class="customize-section-title">
+				<?php if ( $screenshot ) : ?>
+					<img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" />
+				<?php endif; ?>
 				<strong class="theme-name"><?php echo $theme['Name']; ?></strong>
 				<span class="theme-by"><?php printf( __( 'By %s' ), $theme['Author'] ); ?></span>
 			</div>
@@ -59,6 +62,10 @@ do_action( 'customize_controls_print_scripts' );
 				<?php if ( $screenshot ) : ?>
 					<img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" />
 				<?php endif; ?>
+
+				<?php if ( $theme->description ): ?>
+					<div class="theme-description"><?php echo $theme->description; ?></div>
+				<?php endif; ?>
 			</div>
 		</div>