Changeset 39414 for branches/4.7/src/wp-content/themes/twentyseventeen/inc/color-patterns.php

Timestamp:

12/02/2016 05:19:44 AM (8 years ago)

Author:

joemcgill

Message:

Twenty Seventeen: Better handling of custom headers when no image is set.

This ensures that a standard header is shown on the front page whenever
a header video is set without a header image if the video doesn't load,
e.g., on mobile sizes or if the JS doesn't fire.

This adds a new class, .has-header-video that is added whenever the
wp-custom-header-video-loaded event is fired, which is then used to style
the custom headers along with .has-header-image whenever a header image
is available. This also changes the class name on the custom header media
wrapping div from .custom-header-image to .custom-header-media.

Props laurelfulford, joemcgill.
Fixes #38995 for 4.7.

Location:

branches/4.7

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentyseventeen/inc/color-patterns.php (modified) (1 diff)

branches/4.7/src/wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -444 +444 @@
 .colors-custom .next.page-numbers:hover,
 .colors-custom.has-header-image .site-title,
+.colors-custom.has-header-video .site-title,
 .colors-custom.has-header-image .site-title a,
-.colors-custom.has-header-image .site-description {
+.colors-custom.has-header-video .site-title a,
+.colors-custom.has-header-image .site-description,
+.colors-custom.has-header-video .site-description {
     color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
 }