6e55d5add7
Added a 28px × 64px grab tab that extends to the right of the resize handle divider, providing a larger visual target when the sidebar is collapsed or near-collapsed. **Changes:** - Thin 8px divider remains the draggable area - Visual grab tab (28px × 64px) extends to right with: - Rounded corners on top-right and bottom-right (borderRadius) - Vertical knurled texture for grip appearance - Drop shadow for depth - Positioned absolutely, centered vertically - Tab is visual decoration only (pointerEvents: none) - Divider remains fully draggable **Note:** Tab is not draggable itself (library limitation - child elements outside parent bounds don't trigger drag). The 8px divider is the interactive area. Tab provides visual affordance when sidebar is collapsed. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| .claude | ||
| .storybook | ||
| __tests__ | ||
| content/blog | ||
| data | ||
| docs | ||
| drizzle | ||
| e2e | ||
| public | ||
| scripts | ||
| src | ||
| .dockerignore.test | ||
| .gitignore | ||
| CARD_SORTING_PORT_PLAN.md | ||
| COMPLEMENT_RACE_PORT_PLAN.md | ||
| DEVELOPMENT_STANDARDS.md | ||
| LINTING.md | ||
| README.md | ||
| biome.jsonc | ||
| drizzle.config.ts | ||
| eslint.config.js | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| panda.config.ts | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| server.js | ||
| svg-processing-test.js | ||
| test-arcade-api.sh | ||
| test-flashcards-final.pdf | ||
| test-flashcards.pdf | ||
| test-simplified.pdf | ||
| test_fullscreen_persistence.html | ||
| test_panda_simple.html | ||
| tsconfig.json | ||
| tsconfig.server.json | ||
| vitest.config.ts | ||