Webpack does not currently correctly replace url(img) appearing as a …

…style in en.json. This is less a bug and more a need of a redesign of the video provider logo layout (#449)
ushahidi · Dec 9, 2016 · c83ca19 · c83ca19
1 parent 806692e
commit c83ca19
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/app/common/locales/en.json b/app/common/locales/en.json
@@ -583,9 +583,7 @@
             "upload" : "Upload"
         },
         "video" : {
-            "input_desc" : "<span>Enter a</span><span id=\"wordmark-youtube\" class=\"wordmark-replace\" style=\"background-image: url(/img/youtube.png);\"><span> Youtube</span></span><span> or </span><span id=\"wordmark-vimeo\" class=\"wordmark-replace\" style=\"background-image: url(/img/vimeo.png);\"><span> Vimeo</span></span><span> video URL</span>",
             "enter_a" : "Enter a",
-            "youtube" : " Youtube",
             "or" : " or ",
             "vimeo" : " Vimeo",
             "video_url" : " video URL"

diff --git a/app/main/posts/modify/video.html b/app/main/posts/modify/video.html
@@ -2,7 +2,14 @@
 <form>
   <div class="form-field video_embed">
     <label>{{label}}</label>
-    <p translate="post.video.input_desc"></p>
+    <p>
+      <span translate="post.video.enter_a">Enter a</span>
+
+      <img src="/img/youtube.png" class="wordmark-replace">
+      <span translate="post.video.or"> or </span>
+      <img src="/img/vimeo.png" class="wordmark-replace">
+      <span translate="post.video.video_url"> video URL</span>
+    </p>
     <input type="text" ng-model="videoUrl" ng-change="constructIframe(videoUrl)" placeholder="https://youtu.be/123456">
 
     <div id="{{previewId}}" class="form-field-preview" ng-show="videoUrl">