From 80b6f4efcadc4c4186ca1f8932ada2cf78fd6c56 Mon Sep 17 00:00:00 2001
From: Scott Taylor <wonderboymusic@git.wordpress.org>
Date: Wed, 19 Aug 2015 05:50:23 +0000
Subject: [PATCH] Playlists, for `.wp-playlist-item-title` elements: move the
 curly quotes to CSS pseudo-element `content`, making them easier to override
 or remove.

Fixes #33391.


git-svn-id: https://develop.svn.wordpress.org/trunk@33643 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/js/mediaelement/wp-mediaelement.css | 8 ++++++++
 src/wp-includes/media.php                           | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css
index daa659d52b..d4f2e5532a 100644
--- a/src/wp-includes/js/mediaelement/wp-mediaelement.css
+++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css
@@ -216,6 +216,14 @@ video.wp-video-shortcode,
 	line-height: 1.5;
 }
 
+.wp-playlist-item-title:before {
+	content: '“';
+}
+
+.wp-playlist-item-title:after {
+	content: '”';
+}
+
 .wp-playlist-item-album {
 	font-style: italic;
 	overflow: hidden;
diff --git a/src/wp-includes/media.php b/src/wp-includes/media.php
index 95bbca732e..9ec6e47c43 100644
--- a/src/wp-includes/media.php
+++ b/src/wp-includes/media.php
@@ -1166,7 +1166,7 @@ function wp_underscore_playlist_templates() {
 	<img src="{{ data.thumb.src }}"/>
 	<# } #>
 	<div class="wp-playlist-caption">
-		<span class="wp-playlist-item-meta wp-playlist-item-title">&#8220;{{ data.title }}&#8221;</span>
+		<span class="wp-playlist-item-meta wp-playlist-item-title">{{ data.title }}</span>
 		<# if ( data.meta.album ) { #><span class="wp-playlist-item-meta wp-playlist-item-album">{{ data.meta.album }}</span><# } #>
 		<# if ( data.meta.artist ) { #><span class="wp-playlist-item-meta wp-playlist-item-artist">{{ data.meta.artist }}</span><# } #>
 	</div>
@@ -1178,7 +1178,7 @@ function wp_underscore_playlist_templates() {
 			<# if ( data.caption ) { #>
 				{{ data.caption }}
 			<# } else { #>
-				<span class="wp-playlist-item-title">&#8220;{{{ data.title }}}&#8221;</span>
+				<span class="wp-playlist-item-title">{{{ data.title }}}</span>
 				<# if ( data.artists && data.meta.artist ) { #>
 				<span class="wp-playlist-item-artist"> &mdash; {{ data.meta.artist }}</span>
 				<# } #>