From 2f510787e7a37be1068390b0956257843a2a9ab6 Mon Sep 17 00:00:00 2001
From: Kevin Decherf <kevin@kdecherf.com>
Date: Sun, 5 Nov 2017 15:18:45 +0100
Subject: material: replace card activator with article link on card preview

Fixes #2424

Signed-off-by: Kevin Decherf <kevin@kdecherf.com>
---
 .../views/themes/material/Entry/_card_full_image.html.twig        | 4 +++-
 .../Resources/views/themes/material/Entry/_card_list.html.twig    | 8 +++++++-
 .../Resources/views/themes/material/Entry/_card_preview.html.twig | 4 +++-
 3 files changed, 13 insertions(+), 3 deletions(-)

(limited to 'src/Wallabag')

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_full_image.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_full_image.html.twig
index 58757158..a4958b58 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_full_image.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_full_image.html.twig
@@ -6,7 +6,9 @@
                 <li><a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{ tag.label }}</a></li>
             {% endfor %}
             </ul>
-            <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div>
+            <a href="{{ path('view', { 'id': entry.id }) }}">
+                <span class="preview" style="background-image: url({{ entry.previewPicture }})"></span>
+            </a>
         </div>
 
         <div class="card-content">
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig
index b64e1436..5f412967 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig
@@ -1,5 +1,11 @@
 <div class="card-stacked">
-    <div class="preview">{% if entry.previewPicture is not null %}<img src="{{ entry.previewPicture }}" />{% endif %}</div>
+    <div class="preview">
+        {% if entry.previewPicture is not null %}
+            <a href="{{ path('view', { 'id': entry.id }) }}">
+                <img src="{{ entry.previewPicture }}" />
+            </a>
+        {% endif %}
+    </div>
     <div class="card-content">
         <span class="card-title dot-ellipsis dot-resize-update">
             <a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title | striptags | e('html_attr') }}">
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig
index fb5301c8..c77e716b 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig
@@ -6,7 +6,9 @@
                 <li><a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{ tag.label }}</a></li>
             {% endfor %}
             </ul>
-            <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div>
+            <a href="{{ path('view', { 'id': entry.id }) }}">
+                <span class="preview" style="background-image: url({{ entry.previewPicture }})"></span>
+            </a>
         </div>
 
         <div class="card-content">
-- 
cgit v1.2.3