search

WordPress / twentyseventeen

Twenty Seventeen is a theme now included in all WordPress installs. To report any issues please go here: https://core.trac.wordpress.org/newticket
180 stars 126 forks source link

Style dark media playlists #411

Closed melchoyce closed 8 years ago

melchoyce commented 8 years ago

Continuation of #407.

Has some issues — for example, when you hover over a playlist item, the background colors seem to change at different speeds. Definitely need some help on this one.

Before:

screen shot 2016-10-16 at 11 03 29 pm screen shot 2016-10-16 at 11 03 22 pm

After:

screen shot 2016-10-16 at 11 02 33 pm screen shot 2016-10-16 at 11 02 46 pm
laurelfulford commented 8 years ago

@melchoyce To fix the hover speed issue, you can take this like:

 .site-content .wp-playlist-dark .wp-playlist-caption:hover {
       background-color: #aaa;
 }

... and change it to:

 .site-content .wp-playlist-dark .wp-playlist-caption:hover {
       background-color: transparent;
 }

The issue is that there's two 'competing' hover styles happening at the same time - this takes the one that doesn't span the full width of the area out of the running.