Skip to content

refactor(ui): drop the divider line above the sidebar More section#102531

Merged
steipete merged 1 commit into
mainfrom
claude/web-sidebar-overview-line-36f3bc
Jul 9, 2026
Merged

refactor(ui): drop the divider line above the sidebar More section#102531
steipete merged 1 commit into
mainfrom
claude/web-sidebar-overview-line-36f3bc

Conversation

@steipete

@steipete steipete commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

What Problem This Solves

The web sidebar draws a horizontal divider line directly under the pinned nav (with the default pins, directly under "Overview"). The uppercase "MORE" section label right below it already communicates the section break, so the line is redundant visual noise — especially prominent in dark mode, where it reads as a stray rule under the first nav item.

Why This Change Was Made

Removes the decorative border-top from .nav-section--more and folds the old margin-top + padding-top + border into a single margin-top: 12px, keeping the gap between the pinned nav and the More section visually unchanged. The line shipped with the original More-section redesign (#100296) as pure decoration; no behavior or layout depends on it. The sidebar footer divider and topbar hairline are untouched.

User Impact

The sidebar looks cleaner: pinned nav and the More section are separated by whitespace and the "MORE" label alone, with no divider line under the last pinned item. No functional change.

Evidence

Deterministic mock-gateway Playwright captures (OPENCLAW_CAPTURE_UI_PROOF=1, ui/src/e2e/sidebar-customization.e2e.test.ts, default pins):

Before After
before after
  • ui/src/e2e/sidebar-customization.e2e.test.ts passes on the changed CSS (2 tests, pin/unpin + persistence + More section flows).
  • Only one rule owned the divider; the e2e selectors on .nav-section--more target nav items, not the border.

@openclaw-barnacle openclaw-barnacle Bot added app: web-ui App: web-ui size: XS maintainer Maintainer-authored PR labels Jul 9, 2026
@clawsweeper

clawsweeper Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

ClawSweeper status: review started.

I am starting a fresh review of this pull request: refactor(ui): drop the divider line above the sidebar More section This is item 1/1 in the current shard. Shard 0/1.

This placeholder means the worker is alive and reading the current context. I will edit this same comment with the actual review when the claws are done clicking.

Crustacean status: shell secured, claws on keyboard, evidence pebbles being sorted.

@steipete
steipete merged commit c96163b into main Jul 9, 2026
101 checks passed
@steipete
steipete deleted the claude/web-sidebar-overview-line-36f3bc branch July 9, 2026 08:25
@steipete

steipete commented Jul 9, 2026

Copy link
Copy Markdown
Contributor Author

Merged via squash.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app: web-ui App: web-ui maintainer Maintainer-authored PR size: XS

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant