Skip to content

fix: sidebar scroll and semantic/SQL mode toggle - #3

Merged
sauramel merged 2 commits into
mainfrom
cursor/sidebar-table-scroll-37fe
Apr 12, 2026
Merged

fix: sidebar scroll and semantic/SQL mode toggle#3
sauramel merged 2 commits into
mainfrom
cursor/sidebar-table-scroll-37fe

Conversation

@sauramel

@sauramel sauramel commented Apr 12, 2026

Copy link
Copy Markdown
Member

Summary

Two small UI fixes for the D1 manager layout and table browser.

Changes

Sidebar scrolling

The sidebar nav already used overflow-y-auto, but as a grid child it could not shrink below the height of its content. Grid items default to min-height: auto, which blocks overflow scrolling when the table list is taller than the viewport.

  • Add min-h-0 to the sidebar column and to the scrollable flex-1 region in +layout.svelte so databases and tables can scroll.

Semantic / SQL mode control

The previous control used DaisyUI tabs / tab classes, but this project uses Tailwind only (no DaisyUI), so the switch looked like unstyled plain text.

  • Replace it with a pill segmented toggle: track background, white pill for the active option, stronger typography, focus rings, type="button", and aria-pressed for accessibility.

Testing

  • pnpm check still reports existing issues in TableBrowser.svelte (types, a11y) and db pages unrelated to these markup/class changes.
Open in Web Open in Cursor 

Grid items default to min-height:auto, which prevented the sidebar
from shrinking below its content so overflow-y-auto never activated.
Add min-h-0 on the sidebar column and scroll region.
DaisyUI tab classes were not styled in this Tailwind-only setup, so the
mode switch looked like plain text. Use a pill segmented control with
clear active state, focus rings, and aria-pressed.
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Apr 12, 2026

Copy link
Copy Markdown

Deploying d1-manager with  Cloudflare Pages  Cloudflare Pages

Latest commit: 74037ce
Status: ✅  Deploy successful!
Preview URL: https://2941dfa1.d1-manager-9q5.pages.dev
Branch Preview URL: https://cursor-sidebar-table-scroll.d1-manager-9q5.pages.dev

View logs

@cursor cursor Bot changed the title fix: sidebar scroll when many tables overflow viewport fix: sidebar scroll and semantic/SQL mode toggle Apr 12, 2026
@sauramel
sauramel marked this pull request as ready for review April 12, 2026 23:57
@sauramel
sauramel merged commit 3557f0e into main Apr 12, 2026
0 of 2 checks passed
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