nate/hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bottom player bars: add a visible playhead you can grab and drag, music and video
build-container / build (push) Successful in 3m2s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-28 08:04:43 -04:00
1 parent 94ad5a8e1d
commit 1293ff0673
1 file changed
+7
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+7
View File
@@ -1170,3 +1170,10 @@ body.vfullwin:has(.vstage.vhide) .vstage.vfull { bottom: 0; } body.vfullwin:has(
.seg.segphone { display: none; } .seg.segphone { display: none; }
@media (max-width: 640px) { .seg.segwide { display: none; } .seg.segphone { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .seg.segphone a { padding: 0 2px; justify-content: center; font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 640px) { .seg.segwide { display: none; } .seg.segphone { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .seg.segphone a { padding: 0 2px; justify-content: center; font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; } }
/* the bottom bars (music and video): a playhead you can see and grab, at the end of the played part */
.mini .bar2 { overflow: visible; }
.mini .bar2 i::after { content: ''; position: absolute; right: -8px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 1px 4px rgba(0, 0, 0, .5); transition: transform .12s; pointer-events: none; }
.mini .bar2:active i::after { transform: scale(1.35); }
.mini .bar2::before { top: -14px; bottom: -12px; }
.mini .bar2[hidden] i::after { display: none; }