Home media shutter fix

diff --git a/app/static/src/sass/pages/_home.scss b/app/static/src/sass/pages/_home.scss
index dd3fafbbd65e8ba9b556fdf3a8015cd8a4a4b5da..50c04d12ad498d83309d23093dc990d3e80caec4 100644 (file)
--- a/app/static/src/sass/pages/_home.scss
+++ b/app/static/src/sass/pages/_home.scss
@@ -150,6 +150,22 @@ $module: ".home";
 
         }
 
+        &--button {
+
+            border: 2px solid black;
+            text-align: center;
+            @include padding(2);
+
+            >h2 {
+                margin: 0;
+                @include font-size(xl);
+                @include line-height(1.2);
+                font-weight: weight(bold);
+                text-transform: uppercase;
+            }
+
+        }
+
     }
 
     &__menu-item {

diff --git a/app/templates/media/inc/playlist_shutter.html b/app/templates/media/inc/playlist_shutter.html
index 7844b48a9ce7e2bdacd37cb3fdd414a3c6d3ebfb..a5b993eff19514206ba59c79aa9441efb82c0aef 100644 (file)
--- a/app/templates/media/inc/playlist_shutter.html
+++ b/app/templates/media/inc/playlist_shutter.html
@@ -1,25 +1,11 @@
 {% load mezzanine_tags keyword_tags i18n organization_tags %}
 
-<div class="col-xs-3">
-    <div class="home__shutter-item">
-        <h2><a href="{% url 'organization-playlist-list' 'audio' %}" title="">{% trans 'Audios' %}</a></h2>
-        <p>{% trans 'View all the audio medias' %}</p>
-        <a href="{% url 'organization-playlist-list' 'audio' %}" title="">{% trans 'See all audios >' %}</a>
-    </div>
-</div>
-
-<div class="col-xs-3">
-    <div class="home__shutter-item">
-        <h2><a href="{% url 'organization-playlist-list' 'video' %}" title="">{% trans 'Videos' %}</a></h2>
-        <p>{% trans 'View all the video medias' %}</p>
-        <a href="{% url 'organization-playlist-list' 'video' %}" title="">{% trans 'See all videos >' %}</a>
-    </div>
-</div>
-
-
 {% for media in home.dynamic_content_home_media.all|slice:":3" %}
     <div class="col-xs-3">
         <div class="home__shutter-item">
+            <div class="fss">
+                {{media.content_object.type}}
+            </div>
             <h2><a href="{{ media.content_object.get_absolute_url }}" title="">{{ media.content_object.title }}</a></h2>
 
             {% if media.content_object.description %}
@@ -32,11 +18,19 @@
                 {% endif %}
             {% endcomment %}
 
-            {% if media.content_object.type == 'video' %}
-                <a href="{{ media.content_object.get_absolute_url }}" title="">{% trans 'See the video' %}</a>
-            {% elif media.content_object.type == 'audio' %}
-                <a href="{{ media.content_object.get_absolute_url }}" title="">{% trans 'Hear the sound' %}</a>
-            {% endif %}
+            {% comment %}
+                {% if media.content_object.type == 'video' %}
+                    <a href="{{ media.content_object.get_absolute_url }}" title="">{% trans 'See the video' %}</a>
+                {% elif media.content_object.type == 'audio' %}
+                    <a href="{{ media.content_object.get_absolute_url }}" title="">{% trans 'Hear the sound' %}</a>
+                {% endif %}
+            {% endcomment %}
         </div>
     </div>
 {% endfor %}
+
+<div class="col-xs-3">
+    <a href="{% url 'organization-playlist-list' 'video' %}" title="{% trans 'View all medias' %}" class="home__shutter-item home__shutter-item--button">
+        <h2>{% trans 'View all medias' %}</h2>
+    </div>
+</div>