diff --git a/templates/dashboard.html b/templates/dashboard.html index 7371fd2..9602afa 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -521,14 +521,8 @@ .indexer-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); } /* ── Requests (Ombi) ────────────────────────────────── */ - .req-list { - display: flex; - flex-direction: column; - gap: 0.5rem; - max-height: 30rem; - overflow-y: auto; - padding-right: 0.3rem; - } + .req-list { display: flex; flex-direction: column; gap: 0.5rem; } + .req-item.is-hidden { display: none; } .req-item { display: flex; align-items: center; @@ -1008,9 +1002,9 @@
No recent requests.
{% endif %} @@ -1179,16 +1177,17 @@ function toggleMore(btn, listId) { const list = document.getElementById(listId); if (!list) return; - const hidden = list.querySelectorAll('.rt-item.is-hidden'); + const items = Array.from(list.children); + const hidden = items.filter(el => el.classList.contains('is-hidden')); if (hidden.length) { hidden.forEach(el => el.classList.remove('is-hidden')); btn.textContent = 'Show less'; btn.setAttribute('aria-expanded', 'true'); } else { - list.querySelectorAll('.rt-item').forEach((el, i) => { + items.forEach((el, i) => { if (i >= 5) el.classList.add('is-hidden'); }); - const n = list.querySelectorAll('.rt-item').length - 5; + const n = items.length - 5; btn.textContent = 'Show ' + n + ' more'; btn.setAttribute('aria-expanded', 'false'); }