add audio placeholder

diff --git a/app/records/static/css/dig2.css b/app/records/static/css/dig2.css
index 31804d59e3a297b916f6e4b07a1d0603bd709cbf..cb16398e28f976891f4c7c6b9bce986a25fd7f60 100644 (file)
--- a/app/records/static/css/dig2.css
+++ b/app/records/static/css/dig2.css
@@ -78,6 +78,7 @@ hr {
 .placeholder-audio {
     display:block;
     background: white;
+    height: 20px;
 }
 
 .form-actions {

diff --git a/app/templates/shop/product.html b/app/templates/shop/product.html
index 9f9cb0a4aa64ef17e635dee0a1ab66b3d58ae1cd..769e2ebf55e3059866360eb49e9ba1d42f9d359d 100644 (file)
--- a/app/templates/shop/product.html
+++ b/app/templates/shop/product.html
@@ -104,8 +104,11 @@ $(function () {
         <source src="{{ MEDIA_URL }}{{ product.record.audio_file }}">
     </audio>
     </div>
+    {% else %}
+    <div class="placeholder-audio"></div>
     {% endif %}
 
+
   <li><strong>{{ product.record.artist }}</strong></li>
   <li><em>{{ product.record.title }}</em></li>