Changeset 45847

Timestamp:

08/19/2019 04:48:28 AM (5 years ago)

Author:

SergeyBiryukov

Message:

Twenty Seventeen: Correct the CSS selectors intended to fix hover colors for MediaElement controls.

This is a follow-up to the previous fix in [45146], which didn't work as expected.

Props ryokuhi.
Merges [45576] to the 5.2 branch.
Fixes #47543. See #40843.

Location:

branches/5.2

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css (modified) (1 diff)
• src/wp-content/themes/twentyseventeen/inc/color-patterns.php (modified) (1 diff)
• src/wp-content/themes/twentyseventeen/style.css (modified) (1 diff)

branches/5.2/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -290 +290 @@
 }
 
-.colors-dark button:hover:not( .mejs-container > button ),
-.colors-dark button:focus,
+.colors-dark :not( .mejs-button ) > button:hover,
+.colors-dark :not( .mejs-button ) > button:focus,
 .colors-dark input[type="button"]:hover,
 .colors-dark input[type="button"]:focus,

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

@@ -308 +308 @@
 }
 
-.colors-custom button:hover:not( .mejs-container > button ),
-.colors-custom button:focus,
+.colors-custom :not( .mejs-button ) > button:hover,
+.colors-custom :not( .mejs-button ) > button:focus,
 .colors-custom input[type="button"]:hover,
 .colors-custom input[type="button"]:focus,

branches/5.2/src/wp-content/themes/twentyseventeen/style.css

@@ -1035 +1035 @@
 }
 
-button:hover:not( .mejs-container > button ),
-button:focus,
+:not( .mejs-button ) > button:hover,
+:not( .mejs-button ) > button:focus,
 input[type="button"]:hover,
 input[type="button"]:focus,