Changeset 26633

Timestamp:

12/04/2013 08:31:24 PM (12 years ago)

Author:

iammattthomas

Message:

Add more columns in the theme browser on screens over 2000px wide to ensure that theme screenshots never appear larger than their resolution allows. Fixes #26172, props shaunandrews.

File:

• trunk/src/wp-admin/css/wp-admin.css (modified) (4 diffs)

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

@@ -7060 +7060 @@
  */
 
+@media only screen and (min-width: 2000px) {
+    #wpwrap .theme-browser .theme {
+        width: 17.6%;
+        margin: 0 3% 3% 0;
+    }
+
+    #wpwrap .theme-browser .theme:nth-child(3n),
+    #wpwrap .theme-browser .theme:nth-child(4n) {
+        margin-right: 3%;
+    }
+
+    #wpwrap .theme-browser .theme:nth-child(5n) {
+        margin-right: 0;
+    }
+}
+
 @media only screen and (min-width: 1700px) {
     .theme-browser .theme {
@@ -7080 +7096 @@
 }
 
-@media only screen and (max-width: 1200px) {
+@media only screen and (max-width: 1150px) {
     .theme-browser .theme {
         width: 47.5%;
@@ -7129 +7145 @@
 }
 
-@media only screen and (max-width: 650px) {
+@media only screen and (max-width: 480px) {
     .theme-browser .theme {
         width: 100%;
@@ -7139 +7155 @@
         margin-right: 0;
     }
-
+}
+
+@media only screen and (max-width: 650px) {
     .theme-overlay .theme-update,
     .theme-overlay .theme-description {