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>
This commit is contained in:
uroma
2026-01-22 12:31:58 +00:00
Unverified
parent 674ca117f0
commit 455ab550c1
2 changed files with 23 additions and 2 deletions

View File

@@ -592,10 +592,30 @@ body {
flex-direction: column; flex-direction: column;
} }
.chat-sessions-list { .chat-sessions-list,
.chat-history-list {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 1rem; 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 { .chat-main {
@@ -1764,6 +1784,7 @@ body {
/* Hide scrollbar but keep functionality */ /* Hide scrollbar but keep functionality */
@media (max-width: 768px) { @media (max-width: 768px) {
/* Hide scrollbars on mobile for cleaner UI */
.chat-messages::-webkit-scrollbar, .chat-messages::-webkit-scrollbar,
.chat-history-list::-webkit-scrollbar, .chat-history-list::-webkit-scrollbar,
.sessions-list::-webkit-scrollbar { .sessions-list::-webkit-scrollbar {

View File

@@ -291,7 +291,7 @@
</script> </script>
<link rel="stylesheet" href="/claude/css/style.css?v=1769027229"> <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/tag-renderer.css?v=1769027229">
<link rel="stylesheet" href="/claude/claude-ide/preview-manager.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"> <link rel="stylesheet" href="/claude/claude-ide/chat-enhanced.css?v=1769027229">