From 455ab550c18a46e4aaf1bce0d6abc86301781d3e Mon Sep 17 00:00:00 2001
From: uroma <uroma@rommark.dev>
Date: Thu, 22 Jan 2026 12:31:58 +0000
Subject: [PATCH] Fix session sidebar scrollbar - make it visible and
 functional

- Add CSS for .chat-history-list (was missing, only had .chat-sessions-list)
- Add custom scrollbar styling for better UX
- Add min-height: 0 to fix flexbox overflow issue
- Update cache buster (v1769092045) to force CSS reload

Fixes issue where long session lists had no scrollbar, making bottom
sessions inaccessible.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/claude-ide/ide.css    | 23 ++++++++++++++++++++++-
 public/claude-ide/index.html |  2 +-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/public/claude-ide/ide.css b/public/claude-ide/ide.css
index 3d2a9ae1..c7bde914 100644
--- a/public/claude-ide/ide.css
+++ b/public/claude-ide/ide.css
@@ -592,10 +592,30 @@ body {
   flex-direction: column;
 }
 
-.chat-sessions-list {
+.chat-sessions-list,
+.chat-history-list {
   flex: 1;
   overflow-y: auto;
   padding: 1rem;
+  min-height: 0;
+}
+
+/* Custom scrollbar for chat history list */
+.chat-history-list::-webkit-scrollbar {
+  width: 8px;
+}
+
+.chat-history-list::-webkit-scrollbar-track {
+  background: var(--bg-secondary);
+}
+
+.chat-history-list::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 4px;
+}
+
+.chat-history-list::-webkit-scrollbar-thumb:hover {
+  background: var(--text-secondary);
 }
 
 .chat-main {
@@ -1764,6 +1784,7 @@ body {
 
 /* Hide scrollbar but keep functionality */
 @media (max-width: 768px) {
+    /* Hide scrollbars on mobile for cleaner UI */
     .chat-messages::-webkit-scrollbar,
     .chat-history-list::-webkit-scrollbar,
     .sessions-list::-webkit-scrollbar {
diff --git a/public/claude-ide/index.html b/public/claude-ide/index.html
index 71b8d28e..5856c2d6 100644
--- a/public/claude-ide/index.html
+++ b/public/claude-ide/index.html
@@ -291,7 +291,7 @@
     </script>
 
     <link rel="stylesheet" href="/claude/css/style.css?v=1769027229">
-    <link rel="stylesheet" href="/claude/claude-ide/ide.css?v=1769027229">
+    <link rel="stylesheet" href="/claude/claude-ide/ide.css?v=1769092045">
     <link rel="stylesheet" href="/claude/claude-ide/tag-renderer.css?v=1769027229">
     <link rel="stylesheet" href="/claude/claude-ide/preview-manager.css?v=1769027229">
     <link rel="stylesheet" href="/claude/claude-ide/chat-enhanced.css?v=1769027229">