Skip to content

style: separate device provider sections into panels (DEVDB-474) - #758

Merged
sybohy merged 1 commit into
prototype/devdb-mobile-comparisonfrom
fix/devdb-provider-panels
Oct 30, 2026
Merged

sybohy merged 1 commit into
prototype/devdb-mobile-comparisonfrom
fix/devdb-provider-panels

Conversation

@sybohy

@sybohy sybohy commented Oct 30, 2026

Copy link
Copy Markdown
Member

Provider capability tables and requirement explanations run together when a device has multiple providers. Give each provider a subtle themed surface and border around its identity, table and explanations, with a consistent 20px gap. Keep desktop connector lines aligned with the inset provider heading. On mobile, reduce padding and remove the nested connector gutter so the table retains useful width.

CSS-only correction targeting the existing design-preview branch behind #755. Collapsed device rows and capability data retain their behavior.

Validation: formatting and diff checks passed. Actual browser checks against the live API passed for all three variants, list/matrix, light/dark, desktop/phone and widths 1600/760/390/320. Verified panel bounds and contained tables, preserved requirement text/categories, no page overflow or JavaScript errors, and the user's Design XS ANSI example. Screenshots inspected in both themes.

https://linear.app/seam/issue/DEVDB-474

@sybohy
sybohy requested a review from razor-x as a code owner October 30, 2026 01:52
@sybohy
sybohy merged commit 5643199 into prototype/devdb-mobile-comparison Oct 30, 2026
13 checks passed
@sybohy
sybohy deleted the fix/devdb-provider-panels branch October 30, 2026 01:55

This branch was successfully deployed

1 active deployment
Preview — 757989c2 Deployed Oct 30, 2026 by vercel[bot]
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