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 @@
-
+