Cover Art Size
diff --git a/js/settings.js b/js/settings.js
index 6519098..3b80f91 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -1004,7 +1004,7 @@ export async function initializeSettings(scrobbler, player, api, ui) {
if (resetSavedFolderSetting) {
let showReset = false;
if (isFolderMethod && hasFolderPicker && modernSettings.rememberBulkDownloadFolder) {
- const savedHandle = await db.getSetting('bulk_download_folder_handle');
+ const savedHandle = modernSettings.bulkDownloadFolder;
showReset = !!savedHandle;
}
resetSavedFolderSetting.style.display = showReset ? '' : 'none';
@@ -1102,7 +1102,8 @@ export async function initializeSettings(scrobbler, player, api, ui) {
if (resetSavedFolderBtn) {
resetSavedFolderBtn.addEventListener('click', async () => {
- await db.saveSetting('bulk_download_folder_handle', null);
+ modernSettings.bulkDownloadFolder = null;
+ await modernSettings.waitPending();
await updateFolderMethodVisibility();
});
}
@@ -1122,7 +1123,7 @@ export async function initializeSettings(scrobbler, player, api, ui) {
}
updateForceZipBlobVisibility();
- updateFolderMethodVisibility();
+ await updateFolderMethodVisibility();
const includeCoverToggle = document.getElementById('include-cover-toggle');
if (includeCoverToggle) {
@@ -2619,6 +2620,23 @@ export async function initializeSettings(scrobbler, player, api, ui) {
observer.observe(appearanceTabContent, { attributes: true });
}
+ // Watch for downloads tab becoming active and update setting visibility
+ const downloadsTabContent = document.getElementById('settings-tab-downloads');
+ if (downloadsTabContent) {
+ const observer = new MutationObserver(async (mutations) => {
+ for (const mutation of mutations) {
+ if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+ if (downloadsTabContent.classList.contains('active')) {
+ console.log('[Settings] Downloads tab became active, updating setting visibility');
+ updateForceZipBlobVisibility();
+ await updateFolderMethodVisibility();
+ }
+ }
+ }
+ });
+ observer.observe(downloadsTabContent, { attributes: true });
+ }
+
// Visualizer Mode Select
const visualizerModeSelect = document.getElementById('visualizer-mode-select');
if (visualizerModeSelect) {