vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: restore Kawarp visualizer selection and fix settings visibility

Browse source
This commit is contained in:
Julien Maille 2026-03-08 20:30:45 +01:00
parent 133b3e4550
commit ec06fed5cf
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -3672,7 +3672,7 @@
<div class="setting-item">
<div class="info">
<span class="label">Full-screen Visualizer</span>
<span class="description">Enable particle visualizer in full-screen mode</span>
<span class="description">Enable the visualizer in full-screen mode</span>
</div>
<label class="toggle-switch">
<input type="checkbox" id="visualizer-enabled-toggle" checked />
@ -3689,6 +3689,7 @@
<option value="particles">Particles</option>
<option value="unknown-pleasures">Unknown Pleasures</option>
<option value="butterchurn">Butterchurn (Milkdrop)</option>
<option value="kawarp">Kawarp</option>
</select>
</div>
<div class="setting-item" id="visualizer-mode-setting">

12
js/settings.js
View file

@ -2310,20 +2310,20 @@ export function initializeSettings(scrobbler, player, api, ui) {
updateButterchurnSettingsVisibility();
}
// Watch for audio tab becoming active and refresh presets
const audioTabContent = document.getElementById('settings-tab-audio');
if (audioTabContent) {
// Watch for appearance tab becoming active and refresh presets
const appearanceTabContent = document.getElementById('settings-tab-appearance');
if (appearanceTabContent) {
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
if (audioTabContent.classList.contains('active')) {
console.log('[Settings] Audio tab became active, refreshing presets');
if (appearanceTabContent.classList.contains('active')) {
console.log('[Settings] Appearance tab became active, refreshing presets');
updateButterchurnSettingsVisibility();
}
}
});
});
observer.observe(audioTabContent, { attributes: true });
observer.observe(appearanceTabContent, { attributes: true });
}
// Visualizer Mode Select