diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css index 31a2f2d79d..c67bdb4a7c 100644 --- a/src/wp-includes/js/mediaelement/wp-mediaelement.css +++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css @@ -1,3 +1,7 @@ +.mejs-container * { + font-family: Helvetica, Arial; +} + .mejs-container, .mejs-embed, .mejs-embed body { background: #000; } @@ -59,8 +63,8 @@ border: 1px solid #ccc; padding: 10px; margin: 12px 0 18px; - font-size: 85%; - line-height: 160%; + font-size: 14px; + line-height: 1.5; } .wp-playlist video { @@ -92,46 +96,47 @@ } .wp-playlist-caption { - max-width: 85%; + max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + font-size: 14px; + line-height: 1.5; } -.wp-caption-meta { +.wp-playlist-item-meta { display: block; + font-size: 14px; + line-height: 1.5; } -.wp-caption-title { - font-size: 100%; +.wp-playlist-item-title { + font-size: 14px; + line-height: 1.5; } -.wp-caption-album { +.wp-playlist-item-album { font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.wp-caption-artist { - font-size: 85%; +.wp-playlist-item-artist { + font-size: 12px; text-transform: uppercase; } -.wp-caption-by { - font-size: 65%; - font-weight: bold; -} - .wp-playlist-item-length { position: absolute; right: 3px; top: 0; + font-size: 14px; + line-height: 1.5; } .wp-playlist-tracks { margin-top: 10px; - border-top: 1px solid #ccc; } .wp-playlist-item { @@ -141,6 +146,10 @@ border-bottom: 1px solid #ccc; } +.wp-playlist-item:last-child { + border-bottom: 0; +} + .wp-playlist-light .wp-playlist-item { color: #333; } @@ -175,10 +184,12 @@ max-width: 60px; height: auto; margin-right: 10px; + padding: 0; + border: 0; } -.wp-playlist-current-item .wp-caption-title, -.wp-playlist-current-item .wp-caption-artist { +.wp-playlist-current-item .wp-playlist-item-title, +.wp-playlist-current-item .wp-playlist-item-artist { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/src/wp-includes/media.php b/src/wp-includes/media.php index 4b4fd956c8..47c64312ad 100644 --- a/src/wp-includes/media.php +++ b/src/wp-includes/media.php @@ -1019,9 +1019,9 @@ function wp_underscore_playlist_templates() { <# } #>
- “{{{ data.title }}}” - <# if ( data.meta.album ) { #>{{ data.meta.album }}<# } #> - <# if ( data.meta.artist ) { #>{{ data.meta.artist }}<# } #> + “{{{ data.title }}}” + <# if ( data.meta.album ) { #>{{ data.meta.album }}<# } #> + <# if ( data.meta.artist ) { #>{{ data.meta.artist }}<# } #>