Changeset 29959

Timestamp:

10/18/2014 07:42:12 PM (10 years ago)

Author:

SergeyBiryukov

Message:

Theme install:

• Move the "based on" string below the rating to avoid wrapping to a second line.
• Reduce the gap between the theme screenshot and description.
• Fix Install button height on mobile.

props obenland, ocean90.
fixes #28148. see #29556.

Location:

trunk/src/wp-admin

Files:

• css/themes.css (modified) (3 diffs)
• theme-install.php (modified) (1 diff)

trunk/src/wp-admin/css/themes.css

@@ -1167 +1167 @@
 
 .rating {
-    margin: 30px 0;
+    margin: 15px 0 0;
 }
 .rating span:before {
@@ -1222 +1222 @@
 }
 .rating .ratings {
-    display: inline;
-    margin-left: 10px;
+    display: block;
     line-height: 20px;
     color: #999;
@@ -1740 +1739 @@
         width: 100%;
     }
-}
+
+    .theme-install-overlay .wp-full-overlay-header .theme-install {
+        margin-top: 6px;
+        line-height: normal;
+    }
+}

trunk/src/wp-admin/theme-install.php

@@ -244 +244 @@
                         <span class="five"></span>
                     <# if ( data.num_ratings ) { #>
-                        <p class="ratings">{{ data.num_ratings }}</p>
+                        <small class="ratings">{{ data.num_ratings }}</small>
                     <# } else { #>
-                        <p class="ratings"><?php _e( 'No ratings.' ); ?></p>
+                        <small class="ratings"><?php _e( 'No ratings.' ); ?></small>
                     <# } #>
                     </div>