xiaoxue_admin
/
orca
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix left sidebar resize hit target

This commit is contained in:
Neil 2026-05-27 16:59:50 -07:00 committed by GitHub
parent c43de76af9
commit 83539739f8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/src/components/sidebar/index.tsx
View File

@ -18,6 +18,9 @@ import type { VirtualizedScrollAnchor } from '@/hooks/useVirtualizedScrollAnchor
const MIN_WIDTH = 220
const MAX_WIDTH = 500
// Why: match the right sidebar's 4px resize target; a 1px seam is too hard to acquire.
export const WORKTREE_SIDEBAR_RESIZE_HANDLE_CLASS_NAME =
'absolute top-0 right-0 z-10 h-full w-1 cursor-col-resize transition-colors hover:bg-ring/20 active:bg-ring/30'
type SidebarProps = {
worktreeScrollOffsetRef: React.MutableRefObject<number>
@ -88,7 +91,7 @@ function Sidebar({
{sidebarOpen && (
<div
data-sidebar-resize-handle=""
className="absolute top-0 right-0 z-10 h-full w-px cursor-col-resize transition-colors hover:bg-ring/20 active:bg-ring/30"
className={WORKTREE_SIDEBAR_RESIZE_HANDLE_CLASS_NAME}
onMouseDown={onResizeStart}
/>
)}

10
src/renderer/src/components/sidebar/sidebar-resize-handle.test.ts Normal file
View File

@ -0,0 +1,10 @@
import { describe, expect, it } from 'vitest'
import { WORKTREE_SIDEBAR_RESIZE_HANDLE_CLASS_NAME } from './index'
describe('worktree sidebar resize handle', () => {
it('keeps the hover target as wide as the right sidebar handle', () => {
const classes = new Set(WORKTREE_SIDEBAR_RESIZE_HANDLE_CLASS_NAME.split(/\s+/))
expect(classes.has('w-1')).toBe(true)
expect(classes.has('w-px')).toBe(false)
})
})