Merge pull request #454 from maykinmedia/revert-453-fix/#1021-entire-…

…Card-clickable Revert ":lipstick: [#1021] make entire card clickable"
maykinmedia · Feb 5, 2023 · 73137fd · 73137fd
2 parents 0a9582e + 01a2894
commit 73137fd
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/src/open_inwoner/components/templates/components/Card/RenderCard.html b/src/open_inwoner/components/templates/components/Card/RenderCard.html
@@ -2,25 +2,22 @@
 
 {# Utilizes same template as Card. #}
 <div class="card{% if compact %} card--compact{% endif %}{% if inline %} card--inline{% endif %}{% if stretch %} card--stretch{% endif %}{% if tinted %} card--tinted{% endif %}{% if type %} card--type-{{ type }}{% endif %}">
-    <a class="card__link" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
+    {% if src %}
+        <a class="card__header" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
+            <img class="card__img{% if image_object_fit %} card__img--{{ image_object_fit }}{% endif %}" src="{{ src }}" alt="{{ alt }}"/>
+        </a>
+    {% endif %}
 
-        {% if src %}
-            <a class="card__header" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
-                <img class="card__img{% if image_object_fit %} card__img--{{ image_object_fit }}{% endif %}" src="{{ src }}" alt="{{ alt }}"/>
-            </a>
+    <div class="card__body{% if direction %} card__body--direction-{{ direction }}{% endif %}{% if grid %} card__body--grid{% endif %}">
+        {% if title %}
+            <p class="{% if compact %}h4{% else %}h3{% endif %}">
+                {% if href %}
+                    {% link href=href text=title %}
+                {% else %}
+                    {{ title }}
+                {% endif %}
+            </p>
         {% endif %}
-
-        <div class="card__body{% if direction %} card__body--direction-{{ direction }}{% endif %}{% if grid %} card__body--grid{% endif %}">
-            {% if title %}
-                <p class="{% if compact %}h4{% else %}h3{% endif %}">
-                    {% if href %}
-                        {% link href=href text=title %}
-                    {% else %}
-                        {{ title }}
-                    {% endif %}
-                </p>
-            {% endif %}
-            {{ contents }}
-        </div>
-    </a>
+        {{ contents }}
+    </div>
 </div>