Skip to content

Conversation

@wesbillman
Copy link
Collaborator

Problem

The sidebar always showed a horizontal scrollbar, even when content should fit.

Root Cause

The .tree-item class in Sidebar.svelte had width: 100% combined with margin: 0 4px, making each item 100% + 8px wide, causing overflow.

Fix

  • Sidebar.svelte: Changed width: 100% to width: calc(100% - 8px) to account for the horizontal margin
  • DiffViewer.svelte: Simplified .lines-wrapper from display: inline-block with min-width: 100% to just display: block (cleaner, no functional change since custom scroll only handles vertical scrolling)

- Sidebar: Fix .tree-item width calculation to account for margin
  (was width: 100% + 8px margin, now width: calc(100% - 8px))
- DiffViewer: Simplify .lines-wrapper to display: block
  (removes unnecessary inline-block + min-width: 100%)
@wesbillman
Copy link
Collaborator Author

BEFORE (sidebar always has scrollbar at the bottom):
Screenshot 2026-01-28 at 9 20 26 AM

AFTER:
Screenshot 2026-01-28 at 9 20 00 AM

@wesbillman wesbillman merged commit f3903b4 into main Jan 28, 2026
1 check passed
@wesbillman wesbillman deleted the fix-sidebar-horizontal-scrollbar branch January 28, 2026 16:30
michaelneale added a commit that referenced this pull request Jan 29, 2026
* main:
  Add lefthook for pre-push checks (#37)
  Replace goose CLI with ACP (Agent Client Protocol) (#36)
  Add window state persistence and macOS app menu (#32)
  Fix horizontal scrollbar in sidebar (#35)
  Add GitHub Actions CI workflow for PRs (#33)
michaelneale added a commit that referenced this pull request Jan 29, 2026
* main:
  show an explanation of how things were as well as the change (#28)
  feat: install a CLI for instant terminal launch in a repo dir (#38)
  Rename reviews.db to staged.db with auto-migration (#39)
  Add lefthook for pre-push checks (#37)
  Replace goose CLI with ACP (Agent Client Protocol) (#36)
  Add window state persistence and macOS app menu (#32)
  Fix horizontal scrollbar in sidebar (#35)
  Add GitHub Actions CI workflow for PRs (#33)
  Tiered strategy for changeset sizes (#29)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants