Cleanup and improve HTML/CSS and it's JavaScript handling

This commit is contained in:
djmaze 2021-11-06 12:27:37 +01:00
parent 6273869b32
commit 2e34f98c80
26 changed files with 516 additions and 598 deletions

View file

@ -1,5 +1,5 @@
import { Scope } from 'Common/Enums';
import { keyScope, leftPanelDisabled, SettingsGet } from 'Common/Globals';
import { doc, keyScope, leftPanelDisabled, SettingsGet } from 'Common/Globals';
import { addObservablesTo } from 'Common/Utils';
import { ThemeStore } from 'Stores/Theme';
@ -24,4 +24,8 @@ AppUserStore.focusedState.subscribe(value => {
ThemeStore.isMobile() && leftPanelDisabled(Scope.FolderList !== value);
break;
}
['FolderList','MessageList','MessageView'].forEach(name => {
let dom = doc.querySelector('.RL-Mail'+name);
dom && dom.classList.toggle('focused', name === value);
});
});

View file

@ -212,7 +212,9 @@ export const MessageUserStore = new class {
if (message && folder && folder !== message.folder) {
this.message(null);
}
}
},
isMessageSelected: value => elementById('rl-right').classList.toggle('message-selected', value)
});
this.purgeMessageBodyCache = this.purgeMessageBodyCache.throttle(30000);