improvement(docs): flatten the academy learn/chapters panels#5253
Conversation
The "What you will learn" and "Chapters" panels were filled, bordered cards — the only boxed elements on the page. The docs design system is explicitly flat: global.css strips fumadocs cards/callouts/card-grids to transparent/divider-based, and the right-rail "On this page" TOC is small, muted, and borderless. - WhatYouWillLearn (inline): flat divider list like the FAQ, with a small panel label at the app's text scale instead of a page-h2-scale title - VideoChapters (right rail): borderless, matching the TOC — small muted label + flat hover rows, no card chrome
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
PR SummaryLow Risk Overview WhatYouWillLearn drops the rounded surface box and large heading in favor of a small muted label and a VideoChapters is borderless with the same muted label treatment; chapter rows lose the play icon, use baseline-aligned title/timestamp layout, and keep the existing seek/disabled behavior via Reviewed by Cursor Bugbot for commit cd7f7bf. Configure here. |
Greptile SummaryThis PR flattens the academy lesson panels to better match the docs layout.
Confidence Score: 5/5This looks safe to merge.
Important Files Changed
Reviews (3): Last reviewed commit: "improvement(docs): drop the under-label ..." | Re-trigger Greptile |
…ers list The CirclePlay glyph repeated on every chapter row read as noise — a column of identical icons down the rail. The "On this page" TOC this list mirrors has no per-row icons; the timestamps already signal video chapters and the hover highlight signals they're seekable. Rows are now text + time only.
|
@greptile |
|
@cursor review |
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
✅ Bugbot reviewed your changes and found no new issues!
Comment @cursor review or bugbot run to trigger another review on this PR
Reviewed by Cursor Bugbot for commit 9316af5. Configure here.
A full-width rule under the small "What you will learn" label read as an awkward heading underline and blurred into the inter-item dividers. The label is now a quiet muted marker (matching the Chapters label and the TOC heading), with dividers only between items — so it never competes with the bold item titles or looks like an underlined heading.
|
@greptile |
|
@cursor review |
There was a problem hiding this comment.
✅ Bugbot reviewed your changes and found no new issues!
Comment @cursor review or bugbot run to trigger another review on this PR
Reviewed by Cursor Bugbot for commit cd7f7bf. Configure here.
1 participant
Summary
WhatYouWillLearn(inline): flat divider list like the FAQ, small panel label instead of a page-h2-scale title.VideoChapters(right rail): borderless, mirroring the "On this page" TOC — small muted label + flat hover rows.Follow-up to #5227 (which covered the broader design-system alignment + navbar).
Type of Change
Testing
Tested manually. biome clean; token-driven, no new warnings.
Checklist