root
43 lines
1.6 KiB
Plaintext
43 lines
1.6 KiB
Plaintext
# 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
|