Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-29 20:19:22 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use HTML details/summary elements for blockquote switcher

Browse source
This commit is contained in:
the-djmaze 2022-09-26 11:06:42 +02:00
parent c6652ba9b4
commit 9f8fdb2dfb
3 changed files with 8 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

19
dev/Model/Message.js
View file

@ -496,16 +496,13 @@ export class MessageModel extends AbstractModel {
initView() {
// init BlockquoteSwitcher
this.body.querySelectorAll('blockquote:not(.rl-bq-switcher)').forEach(node => {
this.body.querySelectorAll('blockquote').forEach(node => {
if (node.textContent.trim()) {
// if (node.textContent.trim() && !node.parentNode.closest('blockquote')) {
node.removeAttribute('style')
let h = node.clientHeight || getRealHeight(node);
if (0 === h || 100 < h) {
const el = Element.fromHTML('<span class="rlBlockquoteSwitcher">•••</span>');
node.classList.add('rl-bq-switcher','hidden-bq');
node.before(el);
el.addEventListener('click', () => node.classList.toggle('hidden-bq'));
const el = Element.fromHTML('<details class="sm-bq-switcher"><summary>•••</summary></details>');
node.replaceWith(el);
el.append(node);
}
}
});
@ -613,7 +610,6 @@ export class MessageModel extends AbstractModel {
let attr = 'data-x-src',
src, useProxy = !!SettingsGet('UseLocalProxyForExternalImages');
body.querySelectorAll('img[' + attr + ']').forEach(node => {
node.loading = 'lazy';
src = node.getAttribute(attr);
node.src = useProxy ? proxy(src) : src;
});
@ -632,11 +628,8 @@ export class MessageModel extends AbstractModel {
bodyAsHTML() {
if (this.body) {
let clone = this.body.cloneNode(true);
clone.querySelectorAll('blockquote.rl-bq-switcher').forEach(
node => node.classList.remove('rl-bq-switcher','hidden-bq')
);
clone.querySelectorAll('.rlBlockquoteSwitcher').forEach(
node => node.remove()
clone.querySelectorAll('.sm-bq-switcher').forEach(
node => node.replaceWith(node.lastElementChild)
);
return clone.innerHTML;
}

6
dev/Styles/User/MessageView.less
View file

@ -331,7 +331,7 @@ html.rl-no-preview-pane {
border-bottom: 1px solid #ddd;
}
.rlBlockquoteSwitcher {
.sm-bq-switcher > summary {
border: 1px solid #999;
display: block;
width: 3em;
@ -369,10 +369,6 @@ html.rl-no-preview-pane {
margin: 0;
}
.rl-bq-switcher.hidden-bq {
display: none;
}
&.html {
img {

2
dev/View/User/MailBox/MessageView.js
View file

@ -394,7 +394,7 @@ export class MailMessageView extends AbstractViewRight {
registerShortcut('b', '', [Scope.MessageList, Scope.MessageView], () => {
const message = currentMessage();
if (message?.body) {
message.body.querySelectorAll('.rlBlockquoteSwitcher').forEach(node => node.click());
message.body.querySelectorAll('.sm-bq-switcher > summary').forEach(node => node.click());
return false;
}
});