fix: sync TempoTrackLane leadIn with ruler, time labels to top

- Added leadInMargin prop to TempoTrackLane so time-0 aligns with ruler - Added CLIP_BUFFER to TempoTrackLane grid rendering - Moved TimelineRuler time labels from bottom (y=40) to top (y=11)
2026-07-25 10:41:13 +07:00
parent 70d1abaa7a
commit f299b93372
3 changed files with 21 additions and 11 deletions
@@ -86,6 +86,12 @@
 - **Ghi chú/Test (nếu có):** `npm run build` — build passes.
 ---

+### [2026-07-25 10:39] Task: Sync TempoTrackLane leadIn + time labels on ruler top
+- **Tóm tắt thay đổi:** Thêm `leadInMargin` prop vào TempoTrackLane để đồng bộ column-0 (time=0) với vị trí leadIn của TimelineRuler. Thêm CLIP_BUFFER vào TempoTrackLane. Di chuyển time duration labels trong TimelineRuler từ dưới đáy (y=40) lên phía trên (y=11).
+- **Các file ảnh hưởng:** `app/static/js/app.jsx`, `app/static/js/app.precompiled.js`
+- **Ghi chú/Test (nếu có):** `npm run build` — build passes.
+---
+
 ### [2026-07-25 10:18] Task: Lead-in margin, bar 0-indexed, grid clip fix
 - **Tóm tắt thay đổi:** Thêm leadInMargin (1 bar) đẩy timeline content sang phải — bar 0, time 0s tại mép margin. Playhead bắt đầu từ đó. Bar numbering 0-indexed (bar 0 thay vì 1). Sửa CLIP_BUFFER từ 200px → max(400, barWidth+200) để bar number không bị che. Đồng bộ leadInMargin vào tStart/tEnd canvas + mouse handlers (ruler, clip drag, section resize).
 - **Các file ảnh hưởng:** `app/static/js/app.jsx`