From ab6ae15836d18b8950ec07dc3ad5e4e5ee04274c Mon Sep 17 00:00:00 2001 From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com> Date: Tue, 17 Dec 2024 23:34:32 +0000 Subject: [PATCH] Add automatic native titles to all truncateable elements --- internal/glance/static/js/main.js | 18 ++++++++++++++++++ internal/glance/static/main.css | 11 ----------- internal/glance/templates/markets.html | 2 +- .../templates/reddit-horizontal-cards.html | 2 +- .../templates/reddit-vertical-cards.html | 2 +- internal/glance/templates/repository.html | 4 ++-- .../templates/rss-horizontal-cards-2.html | 2 +- .../glance/templates/rss-horizontal-cards.html | 2 +- internal/glance/templates/rss-list.html | 2 +- .../glance/templates/video-card-contents.html | 2 +- 10 files changed, 27 insertions(+), 20 deletions(-) diff --git a/internal/glance/static/js/main.js b/internal/glance/static/js/main.js index 114cbde..1e823d4 100644 --- a/internal/glance/static/js/main.js +++ b/internal/glance/static/js/main.js @@ -619,6 +619,20 @@ function setupClocks() { updateClocks(); } +function setupTruncatedElementTitles() { + const elements = document.querySelectorAll(".text-truncate, .single-line-titles .title, .text-truncate-2-lines, .text-truncate-3-lines"); + + if (elements.length == 0) { + return; + } + + for (let i = 0; i < elements.length; i++) { + const element = elements[i]; + console.log(element.title); + if (element.title === "") element.title = element.textContent; + } +} + async function setupPage() { const pageElement = document.getElementById("page"); const pageContentElement = document.getElementById("page-content"); @@ -644,6 +658,10 @@ async function setupPage() { contentReadyCallbacks[i](); } + setTimeout(() => { + setupTruncatedElementTitles(); + }, 50); + setTimeout(() => { document.body.classList.add("page-columns-transitioned"); }, 300); diff --git a/internal/glance/static/main.css b/internal/glance/static/main.css index f0b8bc6..f2a7b1b 100644 --- a/internal/glance/static/main.css +++ b/internal/glance/static/main.css @@ -931,17 +931,6 @@ details[open] .summary::after { border-radius: var(--border-radius) var(--border-radius) 0 0; } -.video-title { - margin-bottom: auto; - overflow: hidden; - display: block; - text-overflow: ellipsis; - line-clamp: 2; - -webkit-line-clamp: 2; - display: -webkit-box; - -webkit-box-orient: vertical; -} - .search-icon { width: 2.3rem; } diff --git a/internal/glance/templates/markets.html b/internal/glance/templates/markets.html index 5cb5213..a979321 100644 --- a/internal/glance/templates/markets.html +++ b/internal/glance/templates/markets.html @@ -6,7 +6,7 @@