Adom Gantt

@@ -278,7 +278,7 @@ body.col-resizing { cursor: col-resize; user-select: none; }    over every bar it crosses and eat their clicks, which is a worse trade than a    tooltip. The tag is the marker's affordance, so it carries the tooltip, with a    little more padding to make it a comfortable target. */-.today-tag { position: absolute; top: 4px; transform: translateX(-50%); font-family: 'JetBrains Mono', monospace; font-size: 9px; color: var(--today); background: var(--bg); padding: 2px 6px; border-radius: 3px; border: 1px solid var(--border); pointer-events: auto; cursor: default; z-index: 9; white-space: nowrap; }+.today-tag { position: absolute; top: calc(var(--group-h) + 4px); transform: translateX(-50%); font-family: 'JetBrains Mono', monospace; font-size: 9px; color: var(--today); background: var(--bg); padding: 2px 6px; border-radius: 3px; border: 1px solid var(--border); pointer-events: auto; cursor: default; z-index: 9; white-space: nowrap; } .today-tag:hover { border-color: var(--today); } .dep-svg { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 4; overflow: visible; } .dep-svg path { fill: none; stroke: var(--accent); stroke-width: 1.5; opacity: 0.5; transition: opacity 0.15s; }@@ -2552,11 +2552,31 @@ function updatePinnedHeader(){   const groups=items.filter(isDerivedGroup);   let active=null;   groups.forEach(g=>{ if(g._lDiv && (g._lDiv.offsetTop-top)<=axis+0.5) active=g; });-  if(active===pinnedGroup)return;-  groups.forEach(g=>{ const on=g===active;-    if(g._lDiv)g._lDiv.classList.toggle('is-pinned',on);-    if(g._bDiv)g._bDiv.classList.toggle('is-pinned',on); });-  pinnedGroup=active;+  if(active!==pinnedGroup){+    groups.forEach(g=>{ const on=g===active;+      if(g._lDiv)g._lDiv.classList.toggle('is-pinned',on);+      if(g._bDiv)g._bDiv.classList.toggle('is-pinned',on); });+    pinnedGroup=active;+  }+  maskTopBand(active);+}+// The milestone caps and the today tag live in a band at the top of the timeline.+// A cap that has scrolled up INTO the pinned axis+header band would otherwise show+// a clipped sliver of its (sometimes two-line) label under the overlay. Hide any+// whose top has crossed the pinned band's bottom edge; they reappear, whole, the+// moment they are fully below it again. This is the clean-edge version of "content+// scrolls up and disappears under the pinned header".+function maskTopBand(active){+  const boundary=(active&&active._bDiv)?active._bDiv.getBoundingClientRect().bottom+                 :timelineEl.getBoundingClientRect().top+46*(prefs.fs||1);+  if(prefs.msStyle==='line'){+    items.forEach(r=>{ if(r.type!=='milestone'||!r._msLine)return;+      const cap=r._msLine.querySelector('.ms-cap'); if(!cap)return;+      cap.style.visibility=(cap.getBoundingClientRect().top>=boundary-1)?'':'hidden'; });+  }+  if(todayTagEl&&todayTagEl.style.display!=='none'){+    todayTagEl.style.visibility=(todayTagEl.getBoundingClientRect().top>=boundary-1)?'':'hidden';+  } } function wireChartWheel(){   const wrap=timelineEl.closest('.chart-wrap')||timelineEl.parentElement;@@ -2625,12 +2645,24 @@ function relayout(){ // Wrapping narrows a long milestone title but cannot stop two adjacent ones from // colliding, so caps that still overlap drop to the next row. Measured left-to-right // in date order, each cap takes the first row it fits on.+// The pinned section header, opaque and sticky since 0.31.0, sits in the same top+// band the milestone caps live in. So the caps band starts BELOW it: at rest, a+// cap under the first section's header is no longer hidden by it, and a cap that+// scrolls up still slides under the header (it is z-below) rather than being+// clipped in place. `base` is the header height plus a hair, read from a real+// group row so it tracks the font scale.+function capBandBase(){+  const g=items.find(isDerivedGroup);+  const h=(g&&g._bDiv&&g._bDiv.offsetHeight)|| (28*(prefs.fs||1));+  return Math.round(h)+4;+} function layoutMsCaps(){   if(prefs.msStyle!=='line')return;+  const base=capBandBase();   const caps=[];   items.filter(r=>r.type==='milestone'&&r._msLine&&!r._collapsed).forEach(r=>{     const cap=r._msLine.querySelector('.ms-cap');-    if(cap){cap.style.top='2px';caps.push({cap,x:toX(r.date)});}+    if(cap){cap.style.top=base+'px';caps.push({cap,x:toX(r.date)});}   });   caps.sort((a,b)=>a.x-b.x);   const GAP=6;@@ -2658,7 +2690,7 @@ function layoutMsCaps(){       n++;     }     rows[n].push([l,r]);-    c.cap.style.top=(2+n*rowH)+'px';+    c.cap.style.top=(base+n*rowH)+'px';   }); }