Skip to content

Sticky task bar avatar and title on horizontal scroll#10

Draft
Tanops wants to merge 1 commit into
mainfrom
cursor/sticky-bar-labels-2073
Draft

Sticky task bar avatar and title on horizontal scroll#10
Tanops wants to merge 1 commit into
mainfrom
cursor/sticky-bar-labels-2073

Conversation

@Tanops

@Tanops Tanops commented Jul 7, 2026

Copy link
Copy Markdown
Contributor

Summary

Keeps task owner avatars and titles visible when a bar extends beyond the horizontal viewport.

Behavior

When a task bar is wider than the visible area (or scrolled partially off-screen), the avatar + title cluster slides within the bar to stay pinned at the left edge of the viewport — the same idea as the existing project-name pinning (pinFlags).

  • Works at any zoom level (1W / 3W / 6W) and while scrolling the timeline
  • Updates during bar drag/resize so labels stay positioned correctly
  • Applies to tasks and subtasks

Implementation

  • New .gpin wrapper around .gava + .ttl inside each .gbar
  • pinBars() clamps the cluster position against scrollLeft and the bar's pixel bounds
  • pinGanttScroll() runs both project and task pinning on scroll

Testing

  • npm test — 27 tests pass
  • node --check src/app/main.js
Open in Web Open in Cursor 

Wrap owner avatar and title in a gpin cluster that slides within each
bar on horizontal scroll, keeping both visible in the viewport at any
zoom level. Updates on scroll, resize, render, and bar drag.

Co-authored-by: Tanops <Tanops@users.noreply.github.com>
@github-actions

github-actions Bot commented Jul 7, 2026

Copy link
Copy Markdown
PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://Summon-RnD.github.io/task-manager/pr-preview/pr-10/

Built to branch gh-pages at 2026-07-07 16:17 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants