Changeset 20108

Timestamp:

03/04/2012 02:40:18 AM (13 years ago)

Author:

koopersmith

Message:

Theme Customizer: Add mini screenshot and description to theme info section. see #19910.

Location:

trunk/wp-includes

Files:

• css/customize-controls.dev.css (modified) (2 diffs)
• customize-controls.php (modified) (2 diffs)

trunk/wp-includes/css/customize-controls.dev.css

@@ -65 +65 @@
 }
 
-#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;
@@ -72 +94 @@
 }
 
-#customize-controls .theme-screenshot {
+#customize-info .theme-screenshot {
     width: 258px;
     border: 1px solid #ccc;
 }
 
+#customize-info .theme-description {
+    margin-top: 1em;
+    color: #777;
+    line-height: 20px;
+}
+
 #customize-controls .submit {
     text-align: center;
-}
-
-#customize-info {
-    padding-top: 55px;
 }
 

trunk/wp-includes/customize-controls.php

@@ -53 +53 @@
         <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>
@@ -59 +62 @@
                 <?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>