Revamp mobile including CSS flexbox for messageListItem

This commit is contained in:
djmaze 2021-02-15 15:20:22 +01:00
parent 6238b97f08
commit 10f9ce39d9
70 changed files with 479 additions and 821 deletions

View file

@ -1,5 +1,5 @@
import { KeyState } from 'Common/Enums';
import { leftPanelDisabled } from 'Common/Globals';
import { leftPanelDisabled, isMobile } from 'Common/Globals';
import { settings, mailbox } from 'Common/Links';
import { getFolderInboxName } from 'Common/Cache';
@ -15,13 +15,11 @@ export class MenuSettingsUserView extends AbstractViewLeft {
this.leftPanelDisabled = leftPanelDisabled;
this.mobile = rl.settings.app('mobile');
this.menu = screen.menu;
}
onBuild(dom) {
if (this.mobile) {
if (isMobile()) {
dom.addEventListener('click', event =>
event.target.closestWithin('.b-settings-menu .e-item.selectable', dom) && leftPanelDisabled(true)
);

View file

@ -1,6 +1,6 @@
import { mailbox } from 'Common/Links';
import { getFolderInboxName } from 'Common/Cache';
import { leftPanelDisabled } from 'Common/Globals';
import { leftPanelDisabled, isMobile } from 'Common/Globals';
import MessageStore from 'Stores/User/Message';
@ -10,8 +10,6 @@ export class PaneSettingsUserView extends AbstractViewRight {
constructor() {
super('User/Settings/Pane', 'SettingsPane');
this.mobile = rl.settings.app('mobile');
this.leftPanelDisabled = leftPanelDisabled;
}
@ -34,7 +32,7 @@ export class PaneSettingsUserView extends AbstractViewRight {
}
onBuild(dom) {
this.mobile && dom.addEventListener('click', () => leftPanelDisabled(true));
isMobile() && dom.addEventListener('click', () => leftPanelDisabled(true));
}
backToMailBoxClick() {