feat: Add UX enhancements - report TOC, scroll restoration, theme-awa… - #502
Merged
devJaja merged 2 commits intoAug 31, 2026
Merged
Conversation
…re charts, and micro-interactions Addresses Epta-Node#410, Epta-Node#413, Epta-Node#414, Epta-Node#415 - Epta-Node#410: Add report TOC with heading anchors and section numbering * Auto-generated table of contents sidebar with smooth scrolling * Clickable anchor links on headings with keyboard navigation * Print-friendly styles with proper orphan/widow control * Responsive TOC that hides on mobile/tablet - Epta-Node#413: Add scroll restoration and focus management on route change * Restore scroll position when navigating back * Reset scroll to top on new route push * Move focus to main landmark after route change * Skip-to-content link in AppShell - Epta-Node#414: Add responsive chart polish with theme-aware colors * Series colors adapt to light/dark theme via design tokens * Responsive containers with proper mobile sizing * Collapsible legends on pie chart * Tooltip styling matches theme - Epta-Node#415: Add motion-safe micro-interactions * Button ripple effect on press/tap with fallback * Card hover lift with shadow depth * Navigation link underline grow animation * All animations respect prefers-reduced-motion
|
@devjayy43 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
@devjayy43 is attempting to deploy a commit to the Jaja's projects Team on Vercel. A member of the Team first needs to authorize it. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
…re charts, and micro-interactions
Addresses #410, #413, #414, #415
Closes Add my-links/TOC and readability pass to report renderer #410: Add report TOC with heading anchors and section numbering
Closes Add scroll-to-top, scroll restoration, and focus management on route change #413: Add scroll restoration and focus management on route change
Closes Add responsive chart polish: theme-aware colors and mobile-sized legends #414: Add responsive chart polish with theme-aware colors
Closes Introduce motion-safe button and card micro-interactions everywhere #415: Add motion-safe micro-interactions
Summary
Resolves #
Changes
Verification & Testing
npm test(Backend/Frontend)cargo test(Smart Contracts)cargo fmt --check && cargo clippy(Contract Linting)Contributor Checklist
feat:,fix:,docs:, etc.)docs/orREADME.mdif applicable