this repo has no description
fix: show OG title in link header with URL below
When OG preview data loads, update the link header to display
the page title instead of the raw URL. The actual URL is shown
below in a smaller font for reference.
+28
+11
internal/assets/css/screen.css
+11
internal/assets/css/screen.css
···
461
461
display: block;
462
462
}
463
463
464
+
.link-url {
465
+
display: block;
466
+
font-size: var(--font-size-sm);
467
+
color: var(--text-secondary);
468
+
font-weight: normal;
469
+
overflow: hidden;
470
+
text-overflow: ellipsis;
471
+
white-space: nowrap;
472
+
margin-top: var(--space-1);
473
+
}
474
+
464
475
.link-header .author {
465
476
display: block;
466
477
text-align: right;
+17
internal/templates/views/index.html
+17
internal/templates/views/index.html
···
227
227
return;
228
228
}
229
229
230
+
// Update link header: show OG title prominently with URL below
231
+
if (title) {
232
+
var linkEl = item.querySelector('.link-header .link');
233
+
if (linkEl) {
234
+
var linkAnchor = linkEl.querySelector('a:not(.missing-link)');
235
+
if (linkAnchor) {
236
+
linkAnchor.textContent = title;
237
+
if (!linkEl.querySelector('.link-url') && title !== url) {
238
+
var urlSpan = document.createElement('span');
239
+
urlSpan.className = 'link-url';
240
+
urlSpan.textContent = url;
241
+
linkEl.appendChild(urlSpan);
242
+
}
243
+
}
244
+
}
245
+
}
246
+
230
247
if (!previewDiv) return;
231
248
232
249
// Only show preview if we have at least an image, title, or description