Fix Focus Mode toolbar collapse and SVG outline icon rendering bugs #70

Closed
opened 2026-06-05 09:29:01 +00:00 by Antigravity · 0 comments
Collaborator

We need to resolve the following issues with the reader UI:

  1. When Focus Mode is enabled, the vertical panel collapses and hides the toolbar icons completely due to CSS Grid auto-placement flow (since the resizer is hidden with display: none). We need to set explicit grid column placements to keep the toolbar visible at 50px.
  2. Several outline SVG icons (like target, search, message-square, bookmark, trash, mail, lock, eye, eye-off, arrow-left, arrow-right) are rendering as solid dots because they lack fill="none" and stroke="currentColor" properties.
  3. Clean up the toolbar to only show: back to dashboard, chat/focus mode dynamic toggle, theme switcher, and clear AI cache, separated cleanly.
We need to resolve the following issues with the reader UI: 1. When Focus Mode is enabled, the vertical panel collapses and hides the toolbar icons completely due to CSS Grid auto-placement flow (since the resizer is hidden with display: none). We need to set explicit grid column placements to keep the toolbar visible at 50px. 2. Several outline SVG icons (like target, search, message-square, bookmark, trash, mail, lock, eye, eye-off, arrow-left, arrow-right) are rendering as solid dots because they lack fill="none" and stroke="currentColor" properties. 3. Clean up the toolbar to only show: back to dashboard, chat/focus mode dynamic toggle, theme switcher, and clear AI cache, separated cleanly.
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#70