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

Resolve #826

Browse source
This commit is contained in:
the-djmaze 2023-01-03 20:56:38 +01:00
parent a9c60137da
commit 02a553c79f
1 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

21
dev/External/SquireUI.js vendored
View file

@ -14,7 +14,6 @@ const
createElement = name => doc.createElement(name), createElement = name => doc.createElement(name),
tpl = createElement('template'), tpl = createElement('template'),
clr = createElement('input'),
trimLines = html => html.trim().replace(/^(<div>\s*<br\s*\/?>\s*<\/div>)+/, '').trim(), trimLines = html => html.trim().replace(/^(<div>\s*<br\s*\/?>\s*<\/div>)+/, '').trim(),
htmlToPlain = html => rl.Utils.htmlToPlain(html).trim(), htmlToPlain = html => rl.Utils.htmlToPlain(html).trim(),
@ -61,18 +60,21 @@ const
} }
}; };
clr.type = "color";
clr.style.display = 'none';
doc.body.append(clr);
class SquireUI class SquireUI
{ {
constructor(container) { constructor(container) {
const const
doClr = name => () => { clr = createElement('input'),
doClr = name => input => {
// https://github.com/the-djmaze/snappymail/issues/826
var rect = input.getBoundingClientRect();
clr.style.top = (rect.bottom - clr.offsetHeight) + 'px';
clr.style.left = rect.left + 'px';
clr.style.width = (rect.right - rect.left) + 'px';
clr.value = ''; clr.value = '';
clr.onchange = () => squire.setStyle({[name]:clr.value}); clr.onchange = () => squire.setStyle({[name]:clr.value});
clr.click(); setTimeout(()=>clr.click(),1);
}, },
actions = { actions = {
@ -258,6 +260,11 @@ class SquireUI
browseImage = createElement('input'), browseImage = createElement('input'),
squire = new Squire(wysiwyg, SquireDefaultConfig); squire = new Squire(wysiwyg, SquireDefaultConfig);
clr.type = "color";
clr.style.opacity = 0;
clr.style.position = 'fixed';
container.append(clr);
browseImage.type = 'file'; browseImage.type = 'file';
browseImage.accept = 'image/*'; browseImage.accept = 'image/*';
browseImage.style.display = 'none'; browseImage.style.display = 'none';