Changeset 20445

Timestamp:

04/11/2012 09:19:32 PM (14 years ago)

Author:

koopersmith

Message:

CSS improvements for the 'Current Theme' section. see #20403.

Location:

trunk/wp-admin

Files:

• css/wp-admin.dev.css (modified) (2 diffs)
• themes.php (modified) (2 diffs)

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

@@ -4317 +4317 @@
 
 #current-theme {
-    padding: 0 0 .5em;
+    margin: 20px 0 10px;
+    padding: 0 0 20px;
+    border-bottom: 1px solid #dfdfdf;
+    overflow: hidden;
+}
+
+#current-theme.has-screenshot {
+    padding-left: 320px;
+}
+
+#current-theme h3 {
+    margin: 0;
+    font-size: 12px;
+    font-weight: normal;
+    color: #999;
+}
+
+#current-theme h4 {
+    margin: 3px 0 16px;
+    font-size: 20px;
+}
+#current-theme h4 span {
+    margin-left: 20px;
+    font-size: 12px;
+    font-weight: normal;
 }
 
@@ -4326 +4350 @@
 #current-theme .theme-description {
     margin-top: 5px;
+    max-width: 600px;
+    line-height: 1.6em;
 }
 
 #current-theme img {
     float: left;
+    width: 300px;
+    margin-left: -320px;
+
     border-width: 1px;
     border-style: solid;
-    margin-right: 1em;
-    margin-bottom: 1.5em;
-    width: 150px;
-}
-
-.theme-options span {
-    text-transform: uppercase;
-    font-size: 13px;
-}
-
-.theme-options a {
-    font-size: 15px;
+}
+
+.theme-options {
+    font-size: 14px;
+    padding-bottom: 10px;
 }
 

trunk/wp-admin/themes.php

@@ -96 +96 @@
 <?php endif; ?>
 </h2>
-<?php $ct = wp_get_theme(); ?>
-<div id="current-theme">
-<h3><?php _e( 'Current Theme' ); ?></h3>
-<?php if ( $screenshot = $ct->get_screenshot() ) : ?>
-<img src="<?php echo esc_url( $screenshot ); ?>" alt="<?php esc_attr_e( 'Current theme preview'); ?>" />
-<?php endif; ?>
-<h4><?php
-    /* translators: 1: theme title, 2: theme version, 3: theme author */
-    printf( __( '%1$s %2$s by %3$s' ), $ct->display('Name'), $ct->display('Version'), $ct->display('Author') ) ; ?></h4>
-<p class="theme-description"><?php echo $ct->display('Description'); ?></p>
+<?php
+
+$ct = wp_get_theme();
+$screenshot = $ct->get_screenshot();
+$class = $screenshot ? 'has-screenshot' : '';
+
+?>
+<div id="current-theme" class="<?php echo esc_attr( $class ); ?>">
+    <?php if ( $screenshot ) : ?>
+        <img src="<?php echo esc_url( $screenshot ); ?>" alt="<?php esc_attr_e( 'Current theme preview' ); ?>" />
+    <?php endif; ?>
+
+    <h3><?php _e('Current Theme'); ?></h3>
+    <h4>
+        <?php echo $ct->display('Name'); ?>
+    </h4>
+
+    <div>
+        <p>
+            <span><?php printf( __('By %s'), $ct->display('Author') ); ?></span>
+            |
+            <span><?php printf( __('Version %s'), $ct->display('Version') ); ?></span>
+        </p>
+        <p class="theme-description"><?php echo $ct->display('Description'); ?></p>
+        <?php theme_update_available( $ct ); ?>
+    </div>
+
 <div class="theme-options">
     <a href="#" class="load-customize hide-if-no-js" data-customize-template="<?php echo esc_attr( $ct->get_template() ); ?>" data-customize-stylesheet="<?php echo esc_attr( $ct->get_stylesheet() ); ?>" title="<?php echo esc_attr( sprintf( __( 'Customize &#8220;%s&#8221;' ), $ct->get('Name') ) ); ?>"><?php _e( 'Customize' )?></a>
@@ -138 +155 @@
     echo implode ( ' | ', $options );
 ?></div>
-<?php theme_update_available( $ct ); ?>
 
 </div>