Changeset 39215

Timestamp:

11/13/2016 11:30:53 PM (8 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Fix Customizer preview display issues in IE9

IE9 doesn't understands vh (vertical height) when inside of an iframe. Normally IE9 will understand vh as the vertical height relative to the viewport, but in an iframe, IE9 thinks the vertical height is relative to the size of the whole page. So this fixes that when the site is viewed in the Customizer preview – an iframe.

Props laurelfulford.

Fixes #38722.

Location:

trunk/src/wp-content/themes/twentyseventeen

Files:

• assets/css/ie9.css (added)
• functions.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyseventeen/functions.php

@@ -357 +357 @@
     }
 
+    // Load the Internet Explorer 9 specific stylesheet, to fix display issues in the Customizer.
+    if ( is_customize_preview() ) {
+        wp_enqueue_style( 'twentyseventeen-ie9', get_theme_file_uri( '/assets/css/ie9.css' ), array( 'twentyseventeen-style' ), '1.0' );
+        wp_style_add_data( 'twentyseventeen-ie9', 'conditional', 'IE 9' );
+    }
+
     // Load the Internet Explorer 8 specific stylesheet.
     wp_enqueue_style( 'twentyseventeen-ie8', get_theme_file_uri( '/assets/css/ie8.css' ), array( 'twentyseventeen-style' ), '1.0' );