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 @@
{% if ombi.status == 'ok' %} {% if ombi.recent %} -
+
{% for req in ombi.recent %} -
+
{{ req.type }}
{{ req.title }}
@@ -1020,6 +1014,10 @@
{% endfor %}
+ {% if ombi.recent | length > 5 %} + + {% endif %} {% else %}

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'); }