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.

Built from https://develop.svn.wordpress.org/trunk@53191


git-svn-id: http://core.svn.wordpress.org/trunk@52780 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2022-04-16 06:15:09 +00:00
parent 36708d062c
commit 9998c01dca
6 changed files with 38 additions and 4 deletions

View File

@ -1853,6 +1853,22 @@ body.full-overlay-active {
margin: 15px 0; margin: 15px 0;
width: 258px; width: 258px;
border: 1px solid #c3c4c7; border: 1px solid #c3c4c7;
position: relative;
overflow: hidden;
}
.install-theme-info .theme-screenshot > img {
width: 100%;
height: auto;
position: absolute;
right: 0;
top: 0;
}
.install-theme-info .theme-screenshot:after {
content: "";
display: block;
padding-top: 66.66666666%;
} }
.install-theme-info .theme-details { .install-theme-info .theme-details {

File diff suppressed because one or more lines are too long

View File

@ -1852,6 +1852,22 @@ body.full-overlay-active {
margin: 15px 0; margin: 15px 0;
width: 258px; width: 258px;
border: 1px solid #c3c4c7; 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 { .install-theme-info .theme-details {

File diff suppressed because one or more lines are too long

View File

@ -456,7 +456,9 @@ if ( $tab ) {
?> ?>
</span> </span>
<div class="theme-screenshot">
<img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" /> <img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" />
</div>
<div class="theme-details"> <div class="theme-details">
<# if ( data.rating ) { #> <# if ( data.rating ) { #>

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.0-beta1-53190'; $wp_version = '6.0-beta1-53191';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.