Changeset 26739

Timestamp:

12/06/2013 07:50:06 PM (11 years ago)

Author:

nacin

Message:

Themes: Adjust screenshot ratios.

• On the details overlay, always show the full 4/3 ratio.
• On the grid, reduce to ~3/2 only if the screen width is less than 1400px. Otherwise, show the screenshot at 4/3 ratio.

props matveb, nacin.
fixes #26159.

File:

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

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

@@ -6437 +6437 @@
     content: '';
     display: block;
-    padding-top: 66%; /* using a 3/2 aspect ratio */
+    padding-top: 66.66666%; /* using a 3/2 aspect ratio */
 }
 
@@ -6885 +6885 @@
     content: '';
     display: block;
-    padding-top: 66.66666%; /* using a 3/2 aspect ratio */
+    padding-top: 75%; /* using a 4/3 aspect ratio */
 }
 
@@ -7118 +7118 @@
 }
 
+@media only screen and (min-width:1400px) {
+    .theme-browser .theme .theme-screenshot:after {
+        padding-top: 75%; /* using a 4/3 aspect ratio */
+    }
+}
 @media only screen and (max-width: 1150px) {
     .theme-browser .theme {
@@ -7997 +8002 @@
 }
 
-.about-wrap .about-updates img { 
-    margin: 2em 0 0 0; 
-    border: 1px solid #ddd; 
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 
-} 
+.about-wrap .about-updates img {
+    margin: 2em 0 0 0;
+    border: 1px solid #ddd;
+    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
 
 .about-wrap .changelog .feature-section {