mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[UI] Improve Sidebar Layering & Visual Hierarchy #23

New Issue
Closed
opened 2026-05-08 18:33:55 +00:00 by mjasin · 0 comments
mjasin commented 2026-05-08 18:33:55 +00:00
Owner
Copy Link
Copy Source

Context: The graph background, toolbar, and quiz elements lack depth, creating a "flat" and confusing interface.
Role: Senior UI/UX Engineer.
Task: Apply CSS-based depth and layering to the IntelligenceSidebar.
Requirements:

  1. Sidebar Divider: Add a distinct vertical line: border-left: 1px solid rgba(255, 255, 255, 0.1) between the reader and the sidebar.
  2. Graph Backdrop: Apply a very subtle radial gradient to the graph SVG background: radial-gradient(circle, #1a1a1a 0%, #121212 100%).
  3. Floating Controls: Move graph controls (Zoom +/- / Reset) into a small, semi-transparent floating panel (glassmorphism) in the corner of the graph view.
  4. Logout Relocation: Move the "Logout" button from the AI header into the bottom of the IntelligenceToolbar as a dedicated "Exit" action icon.
**Context:** The graph background, toolbar, and quiz elements lack depth, creating a "flat" and confusing interface. **Role:** Senior UI/UX Engineer. **Task:** Apply CSS-based depth and layering to the `IntelligenceSidebar`. **Requirements:** 1. **Sidebar Divider:** Add a distinct vertical line: `border-left: 1px solid rgba(255, 255, 255, 0.1)` between the reader and the sidebar. 2. **Graph Backdrop:** Apply a very subtle radial gradient to the graph SVG background: `radial-gradient(circle, #1a1a1a 0%, #121212 100%)`. 3. **Floating Controls:** Move graph controls (Zoom +/- / Reset) into a small, semi-transparent floating panel (`glassmorphism`) in the corner of the graph view. 4. **Logout Relocation:** Move the "Logout" button from the AI header into the bottom of the `IntelligenceToolbar` as a dedicated "Exit" action icon.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#23
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?