Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-07 16:37:02 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Bugfix: Resizer value failed on initialization.

Browse source 
And added some changes for #328
This commit is contained in:
the-djmaze 2022-06-08 17:14:44 +02:00
parent 224b453430
commit 61146e491b
1 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

29
dev/Common/UtilsUser.js
View file

@ -1,7 +1,7 @@
import { MessageFlagsCache } from 'Common/Cache'; import { MessageFlagsCache } from 'Common/Cache';
import { Notification } from 'Common/Enums'; import { Notification } from 'Common/Enums';
import { MessageSetAction, ComposeType/*, FolderType*/ } from 'Common/EnumsUser'; import { MessageSetAction, ComposeType/*, FolderType*/ } from 'Common/EnumsUser';
import { doc, createElement, elementById, dropdowns, dropdownVisibility } from 'Common/Globals'; import { doc, createElement, elementById, dropdowns, dropdownVisibility, SettingsGet } from 'Common/Globals';
import { plainToHtml } from 'Common/Html'; import { plainToHtml } from 'Common/Html';
import { getNotification } from 'Common/Translator'; import { getNotification } from 'Common/Translator';
import { EmailModel } from 'Model/Email'; import { EmailModel } from 'Model/Email';
@ -183,18 +183,26 @@ setLayoutResizer = (source, target, sClientSideKeyName, mode) =>
} }
// source.classList.toggle('resizable', mode); // source.classList.toggle('resizable', mode);
if (mode) { if (mode) {
const length = Local.get(sClientSideKeyName+mode); const length = Local.get(sClientSideKeyName + mode) || SettingsGet('Resizer' + sClientSideKeyName + mode),
setTarget = () => {
let value;
if ('Width' == source.layoutResizer.mode) {
value = source.offsetWidth;
target.style.left = value + 'px';
} else {
value = source.offsetHeight;
target.style.top = (4 + source.offsetTop + value) + 'px';
}
return value;
};
if (!source.layoutResizer) { if (!source.layoutResizer) {
const resizer = createElement('div', {'class':'resizer'}), const resizer = createElement('div', {'class':'resizer'}),
size = {}, size = {},
store = () => { store = () => {
if ('Width' == resizer.mode) { let value = setTarget(),
target.style.left = source.offsetWidth + 'px'; prop = resizer.key + resizer.mode;
Local.set(resizer.key+resizer.mode, source.offsetWidth); Local.set(prop, value);
} else { // Remote.saveSettings(0, {['Resizer' + prop]:value}); // TODO: needs delay
target.style.top = (4 + source.offsetTop + source.offsetHeight) + 'px';
Local.set(resizer.key+resizer.mode, source.offsetHeight);
}
}, },
cssint = s => { cssint = s => {
let value = getComputedStyle(source, null)[s].replace('px', ''); let value = getComputedStyle(source, null)[s].replace('px', '');
@ -236,7 +244,8 @@ setLayoutResizer = (source, target, sClientSideKeyName, mode) =>
source.layoutResizer.key = sClientSideKeyName; source.layoutResizer.key = sClientSideKeyName;
source.observer && source.observer.observe(source, { box: 'border-box' }); source.observer && source.observer.observe(source, { box: 'border-box' });
if (length) { if (length) {
source.style[mode] = length + 'px'; source.style[mode.toLowerCase()] = length + 'px';
setTarget();
} }
} else { } else {
source.observer && source.observer.disconnect(); source.observer && source.observer.disconnect();