Make the CSS selector for current playlist item <img> more specific so the width is properly constrained.

Hide the `<audio>` element in the playlist to prevent a flicker when loading - MEjs hides the audio element anyway.

See #27525.



git-svn-id: https://develop.svn.wordpress.org/trunk@27742 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2014-03-26 16:50:52 +00:00
parent 5af1c7497d
commit befc57bc7c

View File

@ -63,12 +63,15 @@
line-height: 160%; line-height: 160%;
} }
.wp-playlist audio,
.wp-playlist video { .wp-playlist video {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
} }
.wp-playlist audio {
display: none;
}
.wp-playlist .mejs-container { .wp-playlist .mejs-container {
margin: 0; margin: 0;
width: 100%; width: 100%;
@ -157,7 +160,7 @@
height: 60px; height: 60px;
} }
.wp-playlist-current-item img { .wp-playlist .wp-playlist-current-item img {
float: left; float: left;
max-width: 60px; max-width: 60px;
height: auto; height: auto;