chore: update watchlist features and fixes

2026-02-28 09:22:57 +00:00
parent 4c96d0c1c5
commit 20bcc75b9b
64 changed files with 5193 additions and 77 deletions
@@ -0,0 +1,42 @@
+# CSS Class Conflicts Check Results
+
+## Check 4: filter-tab class in style.css
+No matches found for "filter-tab" in static/css/style.css
+
+However, filter-tab IS defined in watchlist.html inline styles:
+/opt/Ohm_streaming/templates/watchlist.html
+  123: .filter-tabs {
+  130: .filter-tab {
+  140: .filter-tab:hover {
+  144: .filter-tab.active {
+  257: <div class="filter-tabs">
+  258: <button class="filter-tab active" onclick="filterWatchlist('all', this)">Tous</button>
+  259: <button class="filter-tab" onclick="filterWatchlist('active', this)">Actifs</button>
+  260: <button class="filter-tab" onclick="filterWatchlist('paused', this)">En pause</button>
+  261: <button class="filter-tab" onclick="filterWatchlist('completed', this)">Terminés</button>
+  363: document.querySelectorAll('.filter-tab').forEach(tab => {
+
+## Check 5: .tab class in style.css
+Found 2 matches in static/css/style.css
+  151: .tab {
+  733: .tab {
+
+## Tab Class Usage Across Templates:
+- login.html: auth-tabs, auth-tab
+- watchlist.html: .tab (navigation), .filter-tabs, .filter-tab
+- components/header.html: .tab (navigation tabs)
+
+## Potential CSS Conflict Analysis:
+1. filter-tab: Defined inline in watchlist.html, NOT in style.css
+   - Risk: LOW (isolated to watchlist page)
+
+2. .tab: Defined in style.css at lines 151 and 733
+   - Used in multiple templates for navigation tabs
+   - .filter-tab is DIFFERENT from .tab
+   - Risk: LOW (.tab and .filter-tab are distinct classes)
+
+## Conclusion:
+NO CSS CLASS CONFLICTS DETECTED
+- filter-tab is isolated to watchlist.html (inline CSS)
+- .tab class in style.css is for main navigation tabs
+- .filter-tab is a separate, distinct class for watchlist filtering