From d3b1853573252d1464ac6ca8388960e1df3b0eea Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Dec 2021 08:04:52 +0100
Subject: Card: show hidden row if user device is touch-based

---
 templates/partials/gallery_card.html | 84 ++++++++++++++++++------------------
 1 file changed, 42 insertions(+), 42 deletions(-)

(limited to 'templates')

diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 485af00..a2dbe5f 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,47 +1,47 @@
 $if(it.url)$
-    $if(it.thumbnail)$
-        <a href="$it.url.rel$" class="l-card-list__card c-card">
-            <div class="c-card__row c-card__row--flush">
-                <div class="c-card__thumbnail">
-                    <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" />
-                </div>
+$if(it.thumbnail)$
+    <a href="$it.url.rel$" class="l-card-list__card c-card">
+        <div class="c-card__row c-card__row--flush">
+            <div class="c-card__thumbnail">
+                <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" />
             </div>
-            <div class="c-card__row c-card__row--hidden">
-                $if(it.indicator)$
-                    <div class="c-card__block c-card__block--indicator"></div>
-                $endif$
-                $if(it.icon)$
-                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                        <use href="/symbols.svg#icon-$it.icon$"></use>
-                    </svg>
-                $endif$
-                <div class="c-card__block c-card__block--main">
-                    $if(it.subtitle)$
-                        <strong class="u-db u-elp">$it.title$</strong>
-                        <small class="u-db u-elp">$it.subtitle$</small>
-                    $elseif(it.category)$
-                        <small class="u-db u-elp">$it.category$</small>
-                        <strong class="u-db u-elp">$it.title$</strong>
-                    $elseif(it.date)$
-                        <time datetime="$it.date.yyyy_mm_dd$">
-                            <small class="u-dn@sm-hi">
-                                $it.date.short$
-                            </small>
-                            <small class="u-dn@sm-lo">
-                                $it.date.long$
-                            </small>
-                        </time>
-                        <strong class="u-db u-elp">$it.title$</strong>
-                    $else$
-                        $it.title$
-                    $endif$
-                </div>
-                $if(it.post_icon)$
-                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                        <use href="/symbols.svg#icon-$it.post_icon$"></use>
-                    </svg>
+        </div>
+        <div class="c-card__row c-card__row--hidden">
+            $if(it.indicator)$
+                <div class="c-card__block c-card__block--indicator"></div>
+            $endif$
+            $if(it.icon)$
+                <svg class="c-card__block o-icon" width="1em" height="1em">
+                    <use href="/symbols.svg#icon-$it.icon$"></use>
+                </svg>
+            $endif$
+            <div class="c-card__block c-card__block--main">
+                $if(it.subtitle)$
+                    <strong class="u-db u-elp">$it.title$</strong>
+                    <small class="u-db u-elp">$it.subtitle$</small>
+                $elseif(it.category)$
+                    <small class="u-db u-elp">$it.category$</small>
+                    <strong class="u-db u-elp">$it.title$</strong>
+                $elseif(it.date)$
+                    <time datetime="$it.date.yyyy_mm_dd$">
+                        <small class="u-dn@sm-hi">
+                            $it.date.short$
+                        </small>
+                        <small class="u-dn@sm-lo">
+                            $it.date.long$
+                        </small>
+                    </time>
+                    <strong class="u-db u-elp">$it.title$</strong>
+                $else$
+                    $it.title$
                 $endif$
             </div>
-        </a>
-    $endif$
+            $if(it.post_icon)$
+                <svg class="c-card__block o-icon" width="1em" height="1em">
+                    <use href="/symbols.svg#icon-$it.post_icon$"></use>
+                </svg>
+            $endif$
+        </div>
+    </a>
+$endif$
 $endif$
-- 
cgit v1.2.3-70-g09d2