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:
@@ -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 {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user