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

Timestamp:

05/25/2022 02:00:00 AM (3 years ago)

Author:

dufresnesteven

Message:

wporg-themes: Adjust themes screenshot in the themes directory.

Props kafleg, poena, dd32.
Fixes #5834.

File:

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

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

@@ -228 +228 @@
 }
 
-.theme-browser .theme .theme-screenshot img {
-    display: block;
-    margin: 0 auto;
-    height: auto;
-    max-height: 300px;
+.theme-browser .theme .theme-screenshot::before {
+    float: left;
+    padding-top: 75%;
+    content: '';
+}
+
+.theme-browser .theme .theme-screenshot::after {
+    display: block;
+    content: '';
+    clear: both;
+}
+
+.theme-browser .theme .theme-screenshot > img {
+    position: absolute;
+    top: 0;
     left: 0;
-    position: inherit;
-    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    object-fit: cover;
     -webkit-transform: translateZ( 0 );
     transition: opacity 0.2s ease-in-out;