Make WordPress Core

Changeset 53191


Ignore:
Timestamp:
04/16/2022 06:13:11 AM (2 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:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/themes.css

    r52944 r53191  
    18531853    width: 258px;
    18541854    border: 1px solid #c3c4c7;
     1855    position: relative;
     1856    overflow: hidden;
     1857}
     1858
     1859.install-theme-info .theme-screenshot > img {
     1860    width: 100%;
     1861    height: auto;
     1862    position: absolute;
     1863    left: 0;
     1864    top: 0;
     1865}
     1866
     1867.install-theme-info .theme-screenshot:after {
     1868    content: "";
     1869    display: block;
     1870    padding-top: 66.66666666%;
    18551871}
    18561872
  • trunk/src/wp-admin/theme-install.php

    r52978 r53191  
    457457                    </span>
    458458
    459                     <img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" />
     459                    <div class="theme-screenshot">
     460                        <img class="theme-screenshot" src="{{ data.screenshot_url }}?ver={{ data.version }}" alt="" />
     461                    </div>
    460462
    461463                    <div class="theme-details">
Note: See TracChangeset for help on using the changeset viewer.