diff --git a/internal/templates/anime.templ b/internal/templates/anime.templ index 889f18b..740103e 100644 --- a/internal/templates/anime.templ +++ b/internal/templates/anime.templ @@ -253,10 +253,6 @@ func formatStatus(status string) string { templ AnimeRelationsList(relations []jikan.RelationEntry) { if len(relations) > 1 { -
- - -
for _, rel := range relations { @ui.AnimeCard(ui.AnimeCardProps{ @@ -284,9 +280,6 @@ func relationCardClass(rel jikan.RelationEntry) string { if rel.IsCurrent { base += " current" } - if rel.IsExtra { - base += " relation-extra is-hidden" - } return base } diff --git a/static/css/style.css b/static/css/style.css index cb3db2f..86dec10 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -960,12 +960,6 @@ main { line-height: 1.2; } -.relations-controls { - display: flex; - gap: var(--space-2); - margin-bottom: var(--space-3); -} - .anime-side-section h3 { margin: 0 0 var(--space-2); color: var(--text-faint); diff --git a/static/js/anime.js b/static/js/anime.js index 6ebc6db..c10c5a1 100644 --- a/static/js/anime.js +++ b/static/js/anime.js @@ -10,36 +10,6 @@ window.toggleDropdown = toggleDropdown - const toggleRelationExtras = (showExtras) => { - const extras = document.querySelectorAll('.relation-extra') - extras.forEach((item) => { - item.classList.toggle('is-hidden', !showExtras) - }) - - const mainTab = document.getElementById('relations-main-tab') - const extraTab = document.getElementById('relations-extra-tab') - if (mainTab) { - mainTab.classList.toggle('active', !showExtras) - } - if (extraTab) { - extraTab.classList.toggle('active', showExtras) - } - } - - window.toggleRelationExtras = toggleRelationExtras - window.addEventListener('load', () => toggleRelationExtras(false)) - - document.body.addEventListener('htmx:afterSwap', (event) => { - const target = event.target - if (!(target instanceof HTMLElement)) { - return - } - - if (target.querySelector('#relations-grid') || target.id === 'relations-grid') { - toggleRelationExtras(false) - } - }) - document.addEventListener('click', (event) => { const dropdown = document.getElementById('watchlist-dropdown') if (!dropdown) {