CLEANUP: Remove duplicate character image toggle functionality
- Removed redundant character-toggle-btn since theme system now handles show/hide - Deleted toggleCharacterImages() function and related JavaScript - Theme dropdown 'None' option now serves the same purpose as the old hide button - Eliminates duplicate UI controls and conflicting functionality - Streamlined character image management through unified theme system
This commit is contained in:
parent
c674f60c1d
commit
4611f03d72
34
index.html
34
index.html
|
|
@ -5954,40 +5954,8 @@
|
|||
window.removeVideoDirectory = removeVideoDirectory;
|
||||
window.closeVideoPreview = closeVideoPreview;
|
||||
|
||||
// Character images toggle functionality
|
||||
let charactersVisible = true;
|
||||
|
||||
function toggleCharacterImages() {
|
||||
charactersVisible = !charactersVisible;
|
||||
const characterElements = document.querySelectorAll('.character-side');
|
||||
const toggleBtn = document.getElementById('character-toggle-btn');
|
||||
|
||||
characterElements.forEach(element => {
|
||||
element.style.display = charactersVisible ? 'block' : 'none';
|
||||
});
|
||||
|
||||
toggleBtn.textContent = charactersVisible ? '👁️ Hide Images' : '👁️ Show Images';
|
||||
|
||||
// Save preference to localStorage
|
||||
localStorage.setItem('charactersVisible', charactersVisible);
|
||||
}
|
||||
|
||||
// Load saved preference on page load
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const saved = localStorage.getItem('charactersVisible');
|
||||
if (saved !== null) {
|
||||
charactersVisible = saved === 'true';
|
||||
if (!charactersVisible) {
|
||||
toggleCharacterImages();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
window.toggleCharacterImages = toggleCharacterImages;
|
||||
</script>
|
||||
|
||||
<!-- Character Images Toggle Button -->
|
||||
<button id="character-toggle-btn" class="character-toggle-btn" onclick="toggleCharacterImages()">
|
||||
👁️ Hide Images
|
||||
</button>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue