vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Themes: Use consistent thumbnail sizes in Customizer preview screen.

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

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


git-svn-id: https://develop.svn.wordpress.org/trunk@53191 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras 2022-04-16 06:13:11 +00:00
parent 23aa7715b0
commit dbb0e6345e
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/wp-admin/css/themes.css
View File

@ -1852,6 +1852,22 @@ body.full-overlay-active {
margin: 15px 0;
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%;
}
.install-theme-info .theme-details {

4
src/wp-admin/theme-install.php
View File

@ -456,7 +456,9 @@ if ( $tab ) {
?>
</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">
<# if ( data.rating ) { #>