From 06a2e81c668d11c4f30f4bbc38020a2a2f3c51e8 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 5 Sep 2024 12:23:07 +0200
Subject: [PATCH] fix card image height

---
 assets/css/src/events-grid.css | 7 ++++---
 assets/css/src/nav.css         | 4 ++--
 site/snippets/event-card.php   | 5 ++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css
index cbd70a5..3ad6f15 100644
--- a/assets/css/src/events-grid.css
+++ b/assets/css/src/events-grid.css
@@ -15,6 +15,7 @@
 }
 
 .event-card picture {
+  height: calc(((100vw - 9 * var(--space-m)) / 12) * var(--span));
   margin-bottom: calc(var(--space-m) / 2);
 }
 
@@ -23,7 +24,7 @@
 }
 
 .event-card__infos .ticket {
-  z-index: 0;
+  z-index: 5;
   margin-top: 0.3rem;
 }
 
@@ -35,8 +36,8 @@
   margin-bottom: calc(var(--space-m) / 2);
 }
 
-.event-card__link::after {
-  content: "";
+.event-card__link {
   position: absolute;
   inset: 0;
+  z-index: 3;
 }
diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index 368ab80..3f229a2 100644
--- a/assets/css/src/nav.css
+++ b/assets/css/src/nav.css
@@ -31,7 +31,7 @@
   position: sticky;
   top: 0;
   background-color: #fff;
-  z-index: 3;
+  z-index: 10;
 }
 /* Nav */
 
@@ -42,7 +42,7 @@
   width: 100%;
   box-sizing: border-box;
   top: -34rem;
-  z-index: 4;
+  z-index: 11;
   background-color: var(--color-brown-light);
   display: grid;
   grid-template-columns: 2fr 8fr 1fr;
diff --git a/site/snippets/event-card.php b/site/snippets/event-card.php
index 799474a..807c7ab 100644
--- a/site/snippets/event-card.php
+++ b/site/snippets/event-card.php
@@ -1,10 +1,9 @@
 <div class="event-card grid__item" style="--span: <?= $span ?>">
+  <a class="event-card__link" href="<?= $event->url() ?>" title="Voir l'événément"></a>
   <?php snippet('picture', ["file" => $event->gallery()->toFiles()->first()]) ?>
   <div class="event-card__infos">
     <div>
-      <a class="event-card__link" href="<?= $event->url() ?>" title="Voir l'événément">
-        <h5><?= $event->title() ?></h5>
-      </a>
+      <h5><?= $event->title() ?></h5>
       <?php if ($event->isMapadoEvent() == 'true'): ?>
         <?php snippet('ticket', ['link' => option('ticketingUrl') . 'event/' . $event->mapadoSlug()]) ?>
       <?php endif ?>