Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-01 13:39:22 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Removed simplestatemanager, use @media queries

Browse source
This commit is contained in:
djmaze 2020-09-20 12:33:33 +02:00
parent 6bffc452b0
commit e1d3a143f4
9 changed files with 19 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

39
dev/App/Abstract.js
View file

@ -110,43 +110,10 @@ class AbstractApp {
initOnStartOrLangChange(initNotificationLanguage);
if (!mobile) {
$htmlCL.add('rl-desktop');
ssm.addState({
id: 'mobile',
query: '(max-width: 767px)',
onEnter: () => {
$htmlCL.add('ssm-state-mobile');
leftPanelDisabled(true);
},
onLeave: () => {
$htmlCL.remove('ssm-state-mobile');
leftPanelDisabled(false);
}
});
ssm.addState({
id: 'tablet',
query: '(min-width: 768px) and (max-width: 999px)',
onEnter: () => $htmlCL.add('ssm-state-tablet'),
onLeave: () => $htmlCL.remove('ssm-state-tablet')
});
ssm.addState({
id: 'desktop',
query: '(min-width: 1000px) and (max-width: 1400px)',
onEnter: () => $htmlCL.add('ssm-state-desktop'),
onLeave: () => $htmlCL.remove('ssm-state-desktop')
});
ssm.addState({
id: 'desktop-large',
query: '(min-width: 1401px)',
onEnter: () => $htmlCL.add('ssm-state-desktop-large'),
onLeave: () => $htmlCL.remove('ssm-state-desktop-large')
});
// mobile
window.addEventListener('resize', () => leftPanelDisabled(767 >= window.innerWidth));
} else {
$htmlCL.add('ssm-state-mobile', 'rl-mobile');
$htmlCL.add('rl-mobile');
leftPanelDisabled(true);
}