Changeset 53191

Timestamp:

04/16/2022 06:13:11 AM (4 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">