Changeset 24834

Timestamp:

07/28/2013 11:24:17 PM (12 years ago)

Author:

helen

Message:

More betterer theme screenshot scaling when the admin menu is folded. props andrewspittle. fixes #22794.

File:

• trunk/wp-admin/css/wp-admin.css (modified) (1 diff)

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

@@ -5315 +5315 @@
 }
 
+/* Allow for three-up in small windows when sidebar is collapsed */
+@media only screen and (max-width: 1200px) {
+    .folded .available-theme,
+    .folded .available-theme .screenshot {
+        width: 300px;
+    }
+
+    .folded .available-theme .screenshot {
+        height: 225px;
+    }
+
+    .folded #current-theme img {
+        width: 300px;
+    }
+
+    .folded #current-theme.has-screenshot {
+        padding-left: 330px;
+    }
+
+    .folded #current-theme img {
+        margin-left: -330px;
+    }
+}
+
+/* Adjust three-up display in smaller windows when sidebar is collapsed */
+@media only screen and (max-width: 1079px) {
+    .folded .available-theme,
+    .folded .available-theme .screenshot {
+        width: 270px;
+    }
+
+    .folded .available-theme .screenshot {
+        height: 203px;
+    }
+
+    .folded #current-theme img {
+        width: 270px;
+    }
+
+    .folded #current-theme.has-screenshot {
+        padding-left: 300px;
+    }
+
+    .folded #current-theme img {
+        margin-left: -300px;
+    }
+}
+
 /* Allow for three-up on 1024px wide screens, e.g. tablets */
 @media only screen and (max-width: 1200px) {