From 4de10ecba79f699cc6e5dda5450d4ab73505a043 Mon Sep 17 00:00:00 2001
From: Christophe Robillard <christophe@robiweb.net>
Date: Mon, 9 Feb 2026 10:04:38 +0100
Subject: [PATCH] make navbar sticky

---
 app/assets/stylesheets/kluk.css      | 8 +++++++-
 app/views/application/_menu.html.erb | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/kluk.css b/app/assets/stylesheets/kluk.css
index 0b2c7f7..fb807ba 100644
--- a/app/assets/stylesheets/kluk.css
+++ b/app/assets/stylesheets/kluk.css
@@ -20,6 +20,12 @@ main {
   height: 100vh;
 }
 
+#navbar-top {
+  position: sticky;
+  top: 0;
+}
+
+
 .tracker {
   align-content: center;
 }
@@ -32,7 +38,7 @@ main {
 .current-day {
   background-color: white;
   position: sticky;
-  top: 0;
+  top: 64px;
   align-content: center;
 }
 
diff --git a/app/views/application/_menu.html.erb b/app/views/application/_menu.html.erb
index cab9348..b0e11cc 100644
--- a/app/views/application/_menu.html.erb
+++ b/app/views/application/_menu.html.erb
@@ -1,4 +1,4 @@
-<nav class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu">
+<nav id="navbar-top" class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu">
   <div class="navbar-brand">
     <div class="navbar-item is-size-5">Comment ça </div>
     <div class="navbar-item is-size-3"><strong>KLUK</strong></div>