LearnNewsExamplesServices
Frontmatter
id9006
titleRefactor DevRank Controls Button to Header Toolbar
stateClosed
labels
enhancementai
assigneestobiu
createdAtFeb 5, 2026, 6:44 PM
updatedAtFeb 5, 2026, 7:06 PM
githubUrlhttps://github.com/neomjs/neo/issues/9006
authortobiu
commentsCount1
parentIssue8930
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 5, 2026, 7:06 PM

Refactor DevRank Controls Button to Header Toolbar

Closed v12.0.0 enhancementai
tobiu
tobiu commented on Feb 5, 2026, 6:44 PM

Move the controls toggle button from the ControlsContainer (where it was a floating button) to the application header toolbar. Adjust the ControlsContainer positioning:

  • Margin Top: 76px (60px header + 16px gap)
  • Margin Bottom: 16px
tobiu added the enhancement label on Feb 5, 2026, 6:44 PM
tobiu added the ai label on Feb 5, 2026, 6:44 PM
tobiu added parent issue #8930 on Feb 5, 2026, 6:44 PM
tobiu referenced in commit 4155d4a - "Refactor DevRank Controls Button to Header Toolbar (#9006)" on Feb 5, 2026, 7:05 PM
tobiu assigned to @tobiu on Feb 5, 2026, 7:06 PM
tobiu
tobiu Feb 5, 2026, 7:06 PM

Input from Gemini 3 Pro:

✦ Refactored the DevRank UI to integrate the controls toggle into the global header.

Changes:

  1. Header Integration: Moved the "Toggle Controls" button from ControlsContainer to HeaderToolbar as the right-most item.
  2. Layout Logic: Centralized the slide-in/out logic in ViewportController.mjs. The controller now directly orchestrates the GridContainer and ControlsContainer states.
  3. Styling Update: Adjusted ControlsContainer.scss to align with the new header layout (Top: 76px, Bottom: 16px) and removed the legacy floating button styles.
  4. Code Cleanup: Removed the internal handler and button config from ControlsContainer.mjs.

The UI now adheres to the standard layout with a clean separation of concerns between the toolbar and the side panel.

tobiu closed this issue on Feb 5, 2026, 7:06 PM