diff --git a/app/static/public/css/video.css b/app/static/public/css/video.css index b4869d5..b1374ae 100644 --- a/app/static/public/css/video.css +++ b/app/static/public/css/video.css @@ -116,11 +116,29 @@ body { color: var(--accents-7); } +.history-panel .video-item-bar { + flex-wrap: nowrap; + align-items: center; +} + +.history-panel .video-item-title { + flex: 1; + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + .history-panel .video-item-actions .geist-button-outline { color: var(--accents-7); border-color: var(--video-outline); } +.history-panel .video-item-actions { + flex-shrink: 0; + gap: 6px; +} + .history-panel .video-item-link { color: var(--accents-4); } diff --git a/app/static/public/js/video.js b/app/static/public/js/video.js index b163911..d445a2b 100644 --- a/app/static/public/js/video.js +++ b/app/static/public/js/video.js @@ -491,10 +491,11 @@ const downloadBtn = item.querySelector('.video-download'); const link = item.querySelector('.video-item-link'); const safeUrl = url || ''; + const isBlobUrl = /^blob:/i.test(safeUrl); item.dataset.url = safeUrl; if (link) { - link.textContent = safeUrl; - link.classList.toggle('has-url', Boolean(safeUrl)); + link.textContent = isBlobUrl ? '' : safeUrl; + link.classList.toggle('has-url', Boolean(safeUrl) && !isBlobUrl); } if (openBtn) { if (safeUrl) { diff --git a/app/static/public/pages/video.html b/app/static/public/pages/video.html index e4b263a..da95b30 100644 --- a/app/static/public/pages/video.html +++ b/app/static/public/pages/video.html @@ -18,7 +18,7 @@ - + @@ -315,7 +315,7 @@ - +