From bb3d4a4be0e968d23219b3e85dd36d6b518523ab Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 24 Jul 2024 18:19:25 +0200
Subject: [PATCH] start calendar-strip__date

---
 assets/css/src/calendar-strip.css | 15 +++++++++++++--
 site/snippets/calendar-strip.php  |  6 +++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/css/src/calendar-strip.css b/assets/css/src/calendar-strip.css
index abe7bbf..bb519bd 100644
--- a/assets/css/src/calendar-strip.css
+++ b/assets/css/src/calendar-strip.css
@@ -1,4 +1,5 @@
 .calendar-strip {
+  position: relative;
   background-color: var(--color-yellow);
   box-sizing: border-box;
   width: 100%;
@@ -22,11 +23,21 @@
   width: 100%;
 }
 
-.calendar-strip__day.event {
-  text-decoration: underline;
+.calendar-strip__day {
+  transition: opacity 0.2s ease-in-out;
 }
 
 .calendar-strip__calendar-btn {
   border: var(--border);
   padding: 0.2rem 0.5rem;
 }
+
+.calendar-strip__date {
+  position: absolute;
+  left: 0;
+  top: 100%;
+  width: 100%;
+  height: 10rem;
+  background-color: var(--color-yellow);
+  z-index: -1;
+}
diff --git a/site/snippets/calendar-strip.php b/site/snippets/calendar-strip.php
index 0156d48..ea1322a 100644
--- a/site/snippets/calendar-strip.php
+++ b/site/snippets/calendar-strip.php
@@ -32,8 +32,12 @@
   </div>
   <ul class="calendar-strip__days">
     <template x-for="(date, index) in dates">
-      <li class="calendar-strip__day" :class="date.length > 0 ? 'event' : false" x-text="index"></li>
+      <li class="calendar-strip__day">
+        <button x-text="index" :disabled="date.length === 0 ? true : false" title="Voir les événements"></button>
+      </li>
     </template>
   </ul>
   <button class="calendar-strip__calendar-btn">calendrier</button>
+  <div class="calendar-strip__date"></div>
 </div>
+