[UI/State] Implement 'Current Reading' Resumption Widget` #30

Open
opened 2026-05-09 18:35:17 +00:00 by mjasin · 0 comments
Owner

Context: The user needs a prominent widget on their profile to quickly jump back into their active book.
Role: UI Component Engineer.
Task: Build the "Current Reading" card for the Profile dashboard.
Requirements:

  1. Card Layout: Create a wide, horizontal card containing the Book Cover (thumbnail), Title, and Current Chapter.
  2. Progress Visualization: Implement a horizontal progress bar matching the style of the Reader's footer progress bar (using --nexus-neon for the fill).
  3. Action Button: Add a "Continue Reading" outline button that routes the user back to the ReaderCanvas with the exact chapter/block ID state preserved.
  4. Text Truncation: Ensure the book description/excerpt handles overflow gracefully with text-overflow: ellipsis (max 3 lines).
**Context:** The user needs a prominent widget on their profile to quickly jump back into their active book. **Role:** UI Component Engineer. **Task:** Build the "Current Reading" card for the Profile dashboard. **Requirements:** 1. **Card Layout:** Create a wide, horizontal card containing the Book Cover (thumbnail), Title, and Current Chapter. 2. **Progress Visualization:** Implement a horizontal progress bar matching the style of the Reader's footer progress bar (using `--nexus-neon` for the fill). 3. **Action Button:** Add a "Continue Reading" outline button that routes the user back to the `ReaderCanvas` with the exact chapter/block ID state preserved. 4. **Text Truncation:** Ensure the book description/excerpt handles overflow gracefully with `text-overflow: ellipsis` (max 3 lines).
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#30