WordPress.org

Making WordPress.org

Ticket #5110: 5110.diff

File 5110.diff, 1.2 KB (added by dufresnesteven, 4 months ago)

Update the image sizes & breakpoints to not stretch the theme preview image.

  • wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss
    index b63c4c57b..2541bb05b 100644
    ul, ol { 
    218218}
    219219
    220220.theme-browser .theme .theme-screenshot img {
     221        display: block;
     222        margin: 0 auto;
    221223        height: auto;
    222         max-height: 214px;
     224        max-height: 300px;
    223225        left: 0;
    224226        position: inherit;
    225227        top: 0;
    226228        -webkit-transform: translateZ( 0 );
    227229        transition: opacity 0.2s ease-in-out;
    228         width: 100%;
    229230}
    230231
    231232.theme-browser .theme:hover .theme-screenshot img,
    span.favorite.favorited { 
    15391540        }
    15401541}
    15411542
    1542 @media only screen and (max-width: 1120px) {
     1543@media only screen and (max-width: 865px) {
    15431544        .filter-drawer {
    15441545                border-bottom: 1px solid #eee;
    15451546        }
    span.favorite.favorited { 
    16511652        }
    16521653}
    16531654
    1654 @media only screen and (max-width: 480px) {
     1655@media only screen and (max-width: 400px) {
    16551656        .theme-browser .theme {
    16561657                width: 100%;
    16571658                margin-right: 0;