From 557aff232976ce66de3a59ad1c5822fe636bf0e2 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sun, 1 Mar 2026 17:07:38 +0100
Subject: [PATCH] fix: sticky notes

---
 src/views/PublicNoteView.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/PublicNoteView.vue b/src/views/PublicNoteView.vue
index f3e4500..9f36063 100644
--- a/src/views/PublicNoteView.vue
+++ b/src/views/PublicNoteView.vue
@@ -115,7 +115,7 @@ watch(
 </script>
 
 <template>
-  <div class="public-note-view repo-note note-container">
+  <main class="public-note-view repo-note note-container">
     <div class="note article">
       <div class="header">
         <back-button
@@ -159,7 +159,7 @@ watch(
       :index="index"
       :didrkey="stackedNote"
     />
-  </div>
+  </main>
 </template>
 
 <style lang="scss">
@@ -183,6 +183,8 @@ watch(
   .article {
     padding: 0 2rem;
     scrollbar-width: none;
+    left: 0;
+    top: 0;
   }
 
   &.content {
@@ -219,6 +221,7 @@ watch(
     flex-direction: column;
     overflow-y: auto;
     height: 100vh;
+    position: sticky;
 
     .title {
       text-align: left;
@@ -246,10 +249,6 @@ watch(
     }
   }
 
-  .note {
-    width: 100%;
-  }
-
   @media screen and (max-width: 768px) {
     flex-wrap: wrap;