mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-18 01:22:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

add shadow to playback times

Browse source
This commit is contained in:
ed 2021-06-18 20:24:36 +02:00
parent 10362aa02e
commit 0fc7973d8b
2 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
copyparty/web/browser.css
View file

@ -1040,6 +1040,9 @@ html.light #wzip,
html.light #wnp { html.light #wnp {
border-color: #ccc; border-color: #ccc;
} }
html.light #barbuf {
background: none;
}
html.light #files tr.sel:hover td { html.light #files tr.sel:hover td {
background: #c37; background: #c37;
} }

23
copyparty/web/browser.js
View file

@ -352,19 +352,24 @@ var pbar = (function () {
pctx.fillStyle = '#573'; pctx.fillRect((x - w / 2) - 1, 0, w + 2, pc.h); pctx.fillStyle = '#573'; pctx.fillRect((x - w / 2) - 1, 0, w + 2, pc.h);
pctx.fillStyle = '#dfc'; pctx.fillRect((x - w / 2), 0, 8, pc.h); pctx.fillStyle = '#dfc'; pctx.fillRect((x - w / 2), 0, 8, pc.h);
pctx.lineWidth = 2.5;
pctx.fillStyle = '#fff'; pctx.fillStyle = '#fff';
pctx.strokeStyle = 'rgba(24,56,0,0.4)';
pctx.font = '1em sans-serif'; pctx.font = '1em sans-serif';
var txt = s2ms(mp.au.duration),
tw = pctx.measureText(txt).width;
pctx.fillText(txt, pc.w - (tw + 8), pc.h / 3 * 2); var m = pctx.measureText.bind(pctx),
t1 = s2ms(mp.au.duration),
t2 = s2ms(mp.au.currentTime),
yt = pc.h / 3 * 2.1,
xt1 = pc.w - (m(t1).width + 12),
xt2 = x < pc.w / 2 ? (x + 12) : (Math.min(pc.w - m(t1 + ":88").width, x - 12) - m(t2).width);
txt = s2ms(mp.au.currentTime); pctx.strokeText(t1, xt1 + 1, yt + 1);
tw = pctx.measureText(txt).width; pctx.strokeText(t2, xt2 + 1, yt + 1);
var gw = pctx.measureText("88:88::").width, pctx.strokeText(t1, xt1, yt);
xt = x < pc.w / 2 ? (x + 8) : (Math.min(pc.w - gw, x - 8) - tw); pctx.strokeText(t2, xt2, yt);
pctx.fillText(t1, xt1, yt);
pctx.fillText(txt, xt, pc.h / 3 * 2); pctx.fillText(t2, xt2, yt);
}; };
window.addEventListener('resize', onresize); window.addEventListener('resize', onresize);