From 415abbe70f3f6875aaf69a1085b0b5c2aedbe5b6 Mon Sep 17 00:00:00 2001
From: Christophe Robillard <christophe@robiweb.net>
Date: Wed, 7 Jan 2026 16:24:35 +0100
Subject: [PATCH] show current mood without image for mobile

---
 app/assets/stylesheets/kluk.css | 6 ++++++
 app/views/moods/index.html.erb  | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/kluk.css b/app/assets/stylesheets/kluk.css
index 152f4c3..c03b0fa 100644
--- a/app/assets/stylesheets/kluk.css
+++ b/app/assets/stylesheets/kluk.css
@@ -16,6 +16,12 @@ body {
   font-style: normal;
 }
 
+.current-day {
+  background-color: white;
+  position: sticky;
+  top: 0
+}
+
 .bar-afond {
   background: black;
   width: 10px;
diff --git a/app/views/moods/index.html.erb b/app/views/moods/index.html.erb
index ac2c8cd..61567b6 100644
--- a/app/views/moods/index.html.erb
+++ b/app/views/moods/index.html.erb
@@ -1,7 +1,10 @@
 <main data-controller="mood" class="columns m-auto">
-  <section class="mode section column m-auto">
+  <section class="is-hidden-mobile mode section column m-auto">
     <%= image_tag(@mode + ".jpg", "data-mood-target": "image") %>
   </section>
+  <section class="is-hidden-desktop section column m-auto current-day">
+    <h1><%= @mode %></h1>
+  </section>
   <section class="tracker section column has-background-primary-light my-0 mx-auto">
     <h1 class="title is-1 mt-6">Comment ça KLUK aujourd'hui ?</h1>
     <div class="subtitle" data-mood-target="info">Aujourd'hui</div>