From 9b59dd2e77c58899a8202c5c881ebd17a0b85d05 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMacdeJeremy2.fritz.box>
Date: Wed, 15 Feb 2017 15:10:20 +0100
Subject: [PATCH] Audio details page. Darken the audio media box placeholder.

---
 .../src/sass/modules/boxes/_media-box.scss    |  8 ++++++
 app/templates/media/audio/audio_detail.html   | 27 ++++++++++++++++---
 app/templates/media/video/video_detail.html   |  2 +-
 3 files changed, 33 insertions(+), 4 deletions(-)

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 %}
-- 
2.39.5