From: Jérémy Fabre <Jeremy@iMacdeJeremy2.fritz.box>
Date: Wed, 15 Feb 2017 14:10:20 +0000 (+0100)
Subject: Audio details page. Darken the audio media box placeholder.
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=9b59dd2e77c58899a8202c5c881ebd17a0b85d05;p=mezzo.git

Audio details page. Darken the audio media box placeholder.
---

diff --git a/app/static/src/sass/modules/boxes/_media-box.scss b/app/static/src/sass/modules/boxes/_media-box.scss
index b8ae6f03..482589b5 100644
--- a/app/static/src/sass/modules/boxes/_media-box.scss
+++ b/app/static/src/sass/modules/boxes/_media-box.scss
@@ -36,6 +36,14 @@ $module: ".media-box";
         height: auto;
     }
 
+    &--audio {
+
+        #{$module}__placeholder {
+            background: rgba($color-main, 0.35);
+        }
+
+    }
+
     &:hover {
 
         border: 1px solid rgba($color-main, 1);
diff --git a/app/templates/media/audio/audio_detail.html b/app/templates/media/audio/audio_detail.html
index 2a81f822..637f879e 100644
--- a/app/templates/media/audio/audio_detail.html
+++ b/app/templates/media/audio/audio_detail.html
@@ -17,14 +17,35 @@
 
 
 {% block page_title %}
-    {% editable person.title %}
-        <h1 class="dotted">{{ media.title }}</h1>
+    {% editable media.title %}
+        <h1 class="section-title section-title--uppercase section-title--main">{{ media.title }}</h1>
     {% endeditable %}
 {% endblock %}
 
 
+{% block page_sidebar %}
 
-{% block page_content %}
+    <div class="page__meta" data-sticky data-sticky-parent="row" data-sticky-offset="100" data-sticky-detach-at="971">
+        <div class="page__meta-title">
+            {% trans 'Publish date' %}
+        </div>
+        {% editable media.publish_date %}
+            <div class="page__meta-text">
+                {{ media.publish_date|date:"DATE_FORMAT" }}
+            </div>
+        {% endeditable %}
+        <div class="page__meta-separator">
 
+        </div>
+        {% with media as object %}
+            <div class="">
+                {% include "includes/share_buttons.html" %}
+            </div>
+        {% endwith %}
+    </div>
+
+{% endblock %}
+
+{% block page_video %}
 
 {% endblock %}
diff --git a/app/templates/media/video/video_detail.html b/app/templates/media/video/video_detail.html
index 280d501c..a6bf7da8 100644
--- a/app/templates/media/video/video_detail.html
+++ b/app/templates/media/video/video_detail.html
@@ -16,7 +16,7 @@
 {% endblock %}
 
 {% block page_title %}
-    {% editable person.title %}
+    {% editable media.title %}
         <h1 class="section-title section-title--uppercase section-title--main">{{ media.title }}</h1>
     {% endeditable %}
 {% endblock %}