44r0n7/vidflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix ticker vertical clip and increase iframe overscan for YT title

Browse Source 
- Remove margin-top:-10px from #np-ticker — leftover from old single-row layout,
  combined with overflow:hidden on .np-wrap it was pushing text top outside the
  container and clipping it
- Increase iframe overscan 1.04→1.12 (6% per side instead of 2%), pushing the
  YouTube title overlay ~115px off-screen at 1920px viewport width

Co-Authored-By: claude-flow <ruv@ruv.net>
This commit is contained in:
Aaron
2026-05-23 12:18:59 -04:00
parent df0399bb3b
commit e5780b2c17
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vidflow.html
+3 -3
View File
@@ -125,7 +125,7 @@ html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-famil
.np-lbl{font-family:var(--font-d);font-size:12px;letter-spacing:2.5px;color:var(--accent);flex-shrink:0;display:flex;align-items:center;gap:5px;white-space:nowrap} .np-lbl{font-family:var(--font-d);font-size:12px;letter-spacing:2.5px;color:var(--accent);flex-shrink:0;display:flex;align-items:center;gap:5px;white-space:nowrap}
.np-lbl-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:dot-p 1s ease-in-out infinite} .np-lbl-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:dot-p 1s ease-in-out infinite}
.np-wrap{flex:1;overflow:hidden;height:26px;position:relative} .np-wrap{flex:1;overflow:hidden;height:26px;position:relative}
#np-ticker{white-space:nowrap;font-size:15px;font-weight:600;letter-spacing:.4px;will-change:transform;position:absolute;left:0;top:50%;transform-origin:left center;margin-top:-10px} #np-ticker{white-space:nowrap;font-size:15px;font-weight:600;letter-spacing:.4px;will-change:transform;position:absolute;left:0;top:50%;transform-origin:left center}
.np-art{color:var(--accent2)} .np-art{color:var(--accent2)}
.ctrls{display:flex;align-items:center;gap:3px} .ctrls{display:flex;align-items:center;gap:3px}
.c-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--dim);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:.15s} .c-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--dim);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:.15s}
@@ -443,8 +443,8 @@ window.onYouTubeIframeAPIReady = function(){
function sizePW(){ function sizePW(){
const el = qs('#pw iframe'); if(!el) return; const el = qs('#pw iframe'); if(!el) return;
const vw=window.innerWidth, vh=window.innerHeight; const vw=window.innerWidth, vh=window.innerHeight;
const w = Math.max(vw * 1.04, vh * 1.7778); const w = Math.max(vw * 1.12, vh * 1.7778);
const h = Math.max(vh * 1.04, vw * 0.5625); const h = Math.max(vh * 1.12, vw * 0.5625);
el.style.width=w+'px'; el.style.height=h+'px'; el.style.width=w+'px'; el.style.height=h+'px';
} }