WordPress.org

Make WordPress Core

Ticket #26459: 26459.1.diff

File 26459.1.diff, 1.9 KB (added by matveb, 7 years ago)
  • wp-admin/js/theme.js

     
    250250                this.activeTheme();
    251251                // Set up navigation events
    252252                this.navigation();
     253                // Checks screenshot size
     254                this.screenshotCheck( this.$el );
    253255        },
    254256
    255257        // Adds a class to the currently active theme
     
    352354        previousTheme: function() {
    353355                var self = this;
    354356                self.trigger( 'theme:previous', self.model.cid );
     357        },
     358
     359        // Checks if the theme screenshot is the old 300px width version
     360        // and adds a corresponding class if it's true
     361        screenshotCheck: function( el ) {
     362                var width;
     363                // Wait until it's loaded...
     364                el.find( '.screenshot img' ).on( 'load', function() {
     365                        width = el.find( '.screenshot img' ).css( 'width', 'auto' ).width();
     366
     367                        if ( width <= 300 ) {
     368                                el.addClass( 'small-screenshot' );
     369                        }
     370
     371                        // Restore CSS value for width
     372                        el.find( '.screenshot img' ).css( 'width', '100%' );
     373                });
    355374        }
    356375});
    357376
  • wp-admin/css/wp-admin.css

     
    68946894        top: 0;
    68956895        width: 100%;
    68966896}
     6897/* Handles old 300px screenshots */
     6898.theme-overlay.small-screenshot .theme-screenshots {
     6899        position: absolute;
     6900        width: 302px;
     6901}
     6902.theme-overlay.small-screenshot .theme-info {
     6903        margin-left: 350px;
     6904        width: auto;
     6905}
    68976906
    68986907/* Other screenshots, shown small and square */
    68996908.theme-overlay .screenshot.thumb {
     
    71627171        .theme-browser .theme .theme-actions {
    71637172                padding: 5px 10px 4px 10px;
    71647173        }
     7174        .theme-overlay.small-screenshot .theme-screenshots {
     7175                position: static;
     7176                float: none;
     7177                max-width: 302px;
     7178        }
     7179        .theme-overlay.small-screenshot .theme-info {
     7180                margin-left: 0;
     7181                width: auto;
     7182        }
    71657183}
    71667184
    71677185@media only screen and (max-width: 480px) {