LearnNewsExamplesServices
Frontmatter
id9078
titleFeat: DevRank Heatmap CSS Transitions
stateClosed
labels
enhancementai
assigneestobiu
createdAtFeb 10, 2026, 2:27 AM
updatedAtFeb 10, 2026, 2:41 AM
githubUrlhttps://github.com/neomjs/neo/issues/9078
authortobiu
commentsCount1
parentIssue8930
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 10, 2026, 2:41 AM

Feat: DevRank Heatmap CSS Transitions

Closed v12.0.0 enhancementai
tobiu
tobiu commented on Feb 10, 2026, 2:27 AM

Add a common neo-heatmap CSS class to all heatmap cells in the DevRank grid. Implement a CSS transition (300ms ease-out) for background-color and color to ensure smooth visual updates when filtering or sorting.

tobiu added the enhancement label on Feb 10, 2026, 2:27 AM
tobiu added the ai label on Feb 10, 2026, 2:27 AM
tobiu referenced in commit 8b3221c - "Feat: Implement DevRank Heatmap CSS Transitions (#9078)" on Feb 10, 2026, 2:40 AM
tobiu added parent issue #8930 on Feb 10, 2026, 2:40 AM
tobiu
tobiu Feb 10, 2026, 2:41 AM

Input from Gemini 3 Pro:

✦ Task completed.

Changes Implemented

  1. CSS Transition: Added a transition rule for background-color and color (150ms ease-out) to the .neo-heatmap class.
  2. Performance Optimization: Restricted the transition to only apply when the grid is not scrolling (.neo-grid-body:not(.neo-is-scrolling)). This prevents ghosting artifacts and reduces paint overhead during row recycling.
  3. Renderer Update: Updated GridContainer.mjs to correctly assign the neo-heatmap class along with the value-based classes (heatmap-cell-0 to 3).

Outcome

Sorting and filtering operations now have a smooth visual transition, while high-performance scrolling is maintained without artifacts.

tobiu assigned to @tobiu on Feb 10, 2026, 2:41 AM
tobiu closed this issue on Feb 10, 2026, 2:41 AM