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 (4 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;