Skip to content

Sidebar: scrollbar-less scrolling with a subtle depth effect #91

Description

@astetic-dev

Problem

With many agents the sidebar list scrolls, and the classic scrollbar looks
noisy in an otherwise calm UI. There is also no visual hint that more cards
exist off-screen.

Change

  • Hide the scrollbar on the agent list (wheel scrolling keeps working).
  • Add a subtle top/bottom fade mask when the list overflows, so it's clear
    there is more to scroll.
  • Add a calm depth effect while scrolling: cards near the viewport centre
    at full scale/brightness; cards near the edges slightly scaled down (~0.96)
    and dimmed; a soft lift shadow on the hovered/selected card.

Explicitly not

  • No macOS-dock-style magnification under the cursor: click targets must not
    move. The hover actions (edit/delete), the selection click and
    drag-to-reorder must keep working exactly as they do now.

Keep it quiet — the effect should be felt more than seen.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions