wuxu/codeg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): remove scrollbar-gutter and restore padding for scroll containers

Browse Source 
Drop `scrollbar-gutter: stable both-edges` / `stable` from `.scrollbar-thin`
and `.scrollbar-thin-edge` so scrollbars overlay content without reserving
space, fixing layout inconsistencies between overlay and classic scrollbar
environments. Restore padding that was previously reduced to compensate for the
gutter: `px-1` to `px-3` in git-log-tab, `px-2` to `px-4` in
virtualized-message-thread, and add `px-2` to sidebar-conversation-list and
session-files-tab.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
xintaofei
2026-04-12 19:20:45 +08:00
parent 25def31a23
commit db6da4aecc
5 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/conversations/sidebar-conversation-list.tsx
View File

@@ -482,7 +482,7 @@ export function SidebarConversationList({
<div
ref={scrollContainerRef}
className={cn(
"flex-1 min-h-0 overflow-y-auto scrollbar-thin",
"flex-1 min-h-0 overflow-y-auto scrollbar-thin px-2",
"[overflow-anchor:none]"
)}
>

8
src/components/layout/aux-panel-git-log-tab.tsx
View File

@@ -903,7 +903,7 @@ export function GitLogTab() {
if (loading) {
return (
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-1 py-3">
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-3 py-3">
{hasBranches && (
<BranchSelector
branchList={branchList}
@@ -929,7 +929,7 @@ export function GitLogTab() {
if (error) {
return (
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-1 py-3">
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-3 py-3">
{hasBranches && (
<BranchSelector
branchList={branchList}
@@ -959,7 +959,7 @@ export function GitLogTab() {
if (entries.length === 0) {
return (
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-1 py-3">
<div className="flex flex-col h-full overflow-y-auto scrollbar-thin px-3 py-3">
{hasBranches && (
<BranchSelector
branchList={branchList}
@@ -985,7 +985,7 @@ export function GitLogTab() {
<ContextMenuTrigger asChild>
<div
onScroll={handleScroll}
className="flex-1 min-h-0 overflow-y-auto scrollbar-thin px-1 py-3 space-y-3"
className="flex-1 min-h-0 overflow-y-auto scrollbar-thin px-3 py-3 space-y-3"
>
{hasBranches && (
<div

2
src/components/layout/aux-panel-session-files-tab.tsx
View File

@@ -290,7 +290,7 @@ export function SessionFilesTab() {
return (
<div className="flex flex-col h-full">
<div className="flex-1 min-h-0 overflow-y-auto scrollbar-thin">
<div className="flex-1 min-h-0 overflow-y-auto scrollbar-thin px-2">
<SessionFilesContent conversationId={conversationId} />
</div>
</div>

2
src/components/message/virtualized-message-thread.tsx
View File

@@ -88,7 +88,7 @@ export function VirtualizedMessageThread<T>({
key={getItemKey(item, index)}
style={itemStyle(index, items.length)}
>
<div className={cn("mx-auto max-w-3xl px-2", className)}>
<div className={cn("mx-auto max-w-3xl px-4", className)}>
{renderItem(item, index)}
</div>
</div>