Changeset 8222 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

02/11/2019 11:12:54 PM (6 years ago)

Author:

coffee2code

Message:

Theme Directory: Prevent clipping bottom portion of theme screenshots in theme browser.

Props pratikthink, presskopp, ilovewpcom.
Fixes #3777.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

@@ -169 +169 @@
  * Theme Screenshot
  *
- * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
+ * Has a fixed aspect ratio of 1.33 to 1 regardless of screenshot size
  * It is also responsive.
  */
@@ -182 +182 @@
     content: '';
     display: block;
-    padding-top: 66.66666%; /* using a 3/2 aspect ratio */
 }
 
@@ -193 +192 @@
     height: auto;
     left: 0;
-    position: absolute;
+    position: inherit;
     top: 0;
     -webkit-transform: translateZ( 0 );