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 b8ae6f03e17f3e0dbd52915f1e6fe001b7e08dae..482589b5ae7b8bc13d17a6ce4611fd2e8dce545d 100644 (file)
--- 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 2a81f822d8735d069dfa2f1aace6246309d8780f..637f879ebdc07a4f233ee429023d8896c1e89484 100644 (file)
--- 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 280d501cca7a1699f194b4dd3ad1cf041a8e4772..a6bf7da84ee2b4e872c6357c091eb0808028c005 100644 (file)
--- 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 %}