Changeset 45576

Timestamp:

06/29/2019 12:50:55 AM (6 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.
Fixes #47543. See #40843.

Location:

trunk/src/wp-content/themes/twentyseventeen

Files:

• assets/css/colors-dark.css (modified) (1 diff)
• inc/color-patterns.php (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/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,

trunk/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,

trunk/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,