From 038c876bc6820007bf2eea6f883b3998dcd789b8 Mon Sep 17 00:00:00 2001
From: Danila Poyarkov <dev@dannote.net>
Date: Wed, 4 Mar 2026 02:27:09 +0300
Subject: [PATCH] Fix horizontal scrollbar on pages panel

---
 src/components/PagesPanel.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PagesPanel.vue b/src/components/PagesPanel.vue
index a9c2dcb11..c8e48ff83 100644
--- a/src/components/PagesPanel.vue
+++ b/src/components/PagesPanel.vue
@@ -55,7 +55,7 @@ function onKeydown(e: KeyboardEvent, pageId: string) {
         +
       </button>
     </div>
-    <div class="overflow-y-auto px-1 pb-1">
+    <div class="overflow-x-hidden overflow-y-auto px-1 pb-1">
       <div v-for="pg in pages" :key="pg.id">
         <input
           v-if="editingPageId === pg.id"
@@ -84,7 +84,7 @@ function onKeydown(e: KeyboardEvent, pageId: string) {
           @dblclick="startRename(pg.id)"
         >
           <icon-lucide-file class="size-3 shrink-0" />
-          {{ pg.name }}
+          <span class="truncate">{{ pg.name }}</span>
         </button>
       </div>
     </div>