From a32f0fe843f296fc80b685e68c571e1a704e4ad9 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 19 Sep 2024 08:06:58 +0200
Subject: [PATCH] event card - color on hover

---
 assets/css/src/events-grid.css | 4 ++++
 site/snippets/event-card.php   | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css
index f13d969..73ba07e 100644
--- a/assets/css/src/events-grid.css
+++ b/assets/css/src/events-grid.css
@@ -14,6 +14,10 @@
   position: relative;
 }
 
+.event-card:hover .event-card__infos {
+  color: var(--color);
+}
+
 .event-card picture {
   height: calc(((100vw - 9 * var(--space-m)) / 12) * var(--span));
   margin-bottom: calc(var(--space-m) / 2);
diff --git a/site/snippets/event-card.php b/site/snippets/event-card.php
index 6a4d7b2..e33afdf 100644
--- a/site/snippets/event-card.php
+++ b/site/snippets/event-card.php
@@ -1,6 +1,6 @@
-<div class="event-card grid__item" style="--span: <?= $span ?>">
+<div class="event-card grid__item" style="--span: <?= $span ?>; --color: <?= $event->color()->isEmpty() || $event->color() == '#fff' ? 'var(--color-season)' : $event->color() ?>">
   <a class="event-card__link" href="<?= $event->url() ?>"></a>
-  <div class="image-wrapper" style="--color: <?= $event->color()->isNotEmpty() ? $event->color() : 'var(--color-season)' ?>">
+  <div class="image-wrapper">
   <?php if ($event->gallery()->toFiles()->count() > 1): ?>
     <?php snippet('picture', [
       'file' => $event->gallery()->toFiles()->first(),