Changeset 53191

Timestamp:

04/16/2022 06:13:11 AM (3 years ago)

Author:

audrasjb

Message:

Themes: Use consistent thumbnail sizes in Customizer preview screen.

This ensures displaying theme thumbnails in consistent sizes in Customizer theme preview.

Props poena, karpstrucking, costdev, audrasjb.
Fixes #54188.

Location:

trunk/src/wp-admin

Files:

• css/themes.css (modified) (1 diff)
• theme-install.php (modified) (1 diff)

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

@@ -1853 +1853 @@
     width: 258px;
     border: 1px solid #c3c4c7;
+    position: relative;
+    overflow: hidden;
+}
+
+.install-theme-info .theme-screenshot > img {
+    width: 100%;
+    height: auto;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.install-theme-info .theme-screenshot:after {
+    content: "";
+    display: block;
+    padding-top: 66.66666666%;
 }
 

trunk/src/wp-admin/theme-install.php

@@ -457 +457 @@
                     </span>
 
-                    <img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" />
+                    <div class="theme-screenshot">
+                        <img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" />
+                    </div>
 
                     <div class="theme-details">