Make WordPress Core

Ticket #39035: 39035.0.patch

File 39035.0.patch, 2.0 KB (added by laurelfulford, 7 years ago)
  • src/wp-content/themes/twentyseventeen/assets/js/global.js

     
    175175                }
    176176        }
    177177
     178        /*
     179         * Test if object-fit is supported.
     180         */
     181        function supportsObjectFit() {
     182                var el = document.createElement('div'),
     183                        isSupported;
     184
     185                try {
     186                        if ( ! ( 'objectFit' in el.style ) ) {
     187                                return false;
     188                        }
     189                        el.style.objectFit = 'cover';
     190                        isSupported = ( 'cover' === el.style.objectFit );
     191                        return isSupported;
     192                }
     193                catch (e) {
     194                        return false;
     195                }
     196        }
     197
    178198        // Fire on document ready.
    179199        $( document ).ready( function() {
    180200
     
    215235                if ( true === supportsFixedBackground() ) {
    216236                        document.documentElement.className += ' background-fixed';
    217237                }
     238                if ( true === supportsObjectFit() ) {
     239                        document.documentElement.className += ' object-fit';
     240                }
    218241        });
    219242
    220243        // If navigation menu is present on page, adjust it on scroll and screen resize.
  • src/wp-content/themes/twentyseventeen/style.css

     
    16881688        transform: translateX(-50%) translateY(-50%);
    16891689}
    16901690
     1691/* For browsers that support 'object-fit' */
     1692.object-fit .has-header-image .custom-header-media img,
     1693.object-fit .has-header-video .custom-header-media video,
     1694.object-fit .has-header-video .custom-header-media iframe {
     1695        height: 100%;
     1696        left: 0;
     1697        object-fit: cover;
     1698        top: 0;
     1699        width: 100%;
     1700        -ms-transform: none;
     1701        -moz-transform: none;
     1702        -webkit-transform: none;
     1703        transform: none;
     1704}
     1705
    16911706.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
    16921707        background-color: rgba(34, 34, 34, 0.5);
    16931708        border: 1px solid rgba(255, 255, 255, 0.6);