From 86c9feaf550b15122009b799952526806f9606b3 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Wed, 22 Apr 2026 23:56:43 +0200
Subject: [PATCH] fix(layout): make stacked notes stick horizontally when
 scrolling

Add left offset to each stacked note so position: sticky activates
during horizontal scroll, pinning notes progressively to the right
of the readme column at calc((index + 1) * var(--note-width)).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FluxNote.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index b0ebe65..53e93e9 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -124,6 +124,7 @@ onUnmounted(() => {
       :user="user"
       :repo="repo"
       :title="titles[stackedNote]"
+      :style="{ left: `calc(${index + 1} * var(--note-width))` }"
     />
   </main>
 </template>