Skip to content

fix(desktop): hide sidebar top fade at scroll origin#2266

Open
almmaasoglu wants to merge 1 commit into
block:mainfrom
almmaasoglu:fix/sidebar-edge-fade-overlap
Open

fix(desktop): hide sidebar top fade at scroll origin#2266
almmaasoglu wants to merge 1 commit into
block:mainfrom
almmaasoglu:fix/sidebar-edge-fade-overlap

Conversation

@almmaasoglu

Copy link
Copy Markdown

What changed

The top sidebar gradient was visible even when the sidebar was already at the top. In light and dark themes, that put the fade over the Inbox button.

The sidebar now shows the top gradient only after its content has scrolled. The footer fade is unchanged, and the fix does not add spacing or move any sidebar content.

Testing

  • just ci
  • cd desktop && pnpm exec playwright test tests/e2e/sidebar.spec.ts --project=integration (13 passed)
  • Added regression coverage for the initial, scrolled, and returned-to-top states in light and dark themes

@almmaasoglu

Copy link
Copy Markdown
Author

Light theme

At the scroll origin, the gradient no longer falls over the Inbox button.

Before After
before-light after-light

Dark theme

The same fix applies without changing the sidebar layout.

Before After
before-dark after-dark

Signed-off-by: Alim Maasoglu <alim@withalim.com>
@almmaasoglu
almmaasoglu force-pushed the fix/sidebar-edge-fade-overlap branch from cfe8866 to 71a7445 Compare July 21, 2026 19:43
@almmaasoglu
almmaasoglu marked this pull request as ready for review July 21, 2026 19:48
@almmaasoglu
almmaasoglu requested a review from a team as a code owner July 21, 2026 19:48
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.

1 participant