+
-
+
+
diff --git a/public/scripts/extensions/quick-reply/src/QuickReply.js b/public/scripts/extensions/quick-reply/src/QuickReply.js
index 8ad5001a..609290d0 100644
--- a/public/scripts/extensions/quick-reply/src/QuickReply.js
+++ b/public/scripts/extensions/quick-reply/src/QuickReply.js
@@ -221,9 +221,20 @@ export class QuickReply {
message.style.whiteSpace = 'pre';
}
};
+ /**@type {HTMLInputElement}*/
+ const tabSize = dom.querySelector('#qr--modal-tabSize');
+ tabSize.value = JSON.parse(localStorage.getItem('qr--tabSize') ?? '4');
+ const updateTabSize = () => {
+ message.style.tabSize = tabSize.value;
+ };
+ tabSize.addEventListener('change', () => {
+ localStorage.setItem('qr--tabSize', JSON.stringify(Number(tabSize.value)));
+ updateTabSize();
+ });
/**@type {HTMLTextAreaElement}*/
const message = dom.querySelector('#qr--modal-message');
updateWrap();
+ updateTabSize();
message.value = this.message;
message.addEventListener('input', () => {
this.updateMessage(message.value);
diff --git a/public/scripts/extensions/quick-reply/style.css b/public/scripts/extensions/quick-reply/style.css
index 74bf8134..653b858d 100644
--- a/public/scripts/extensions/quick-reply/style.css
+++ b/public/scripts/extensions/quick-reply/style.css
@@ -269,6 +269,19 @@
display: flex;
flex-direction: column;
}
+#dialogue_popup:has(#qr--modalEditor) #dialogue_popup_text > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings {
+ display: flex;
+ flex-direction: row;
+ gap: 1em;
+ color: var(--grey70);
+ font-size: smaller;
+}
+#dialogue_popup:has(#qr--modalEditor) #dialogue_popup_text > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings > .checkbox_label {
+ white-space: nowrap;
+}
+#dialogue_popup:has(#qr--modalEditor) #dialogue_popup_text > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings > .checkbox_label > input {
+ font-size: inherit;
+}
#dialogue_popup:has(#qr--modalEditor) #dialogue_popup_text > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-message {
flex: 1 1 auto;
}
diff --git a/public/scripts/extensions/quick-reply/style.less b/public/scripts/extensions/quick-reply/style.less
index e6271a2c..413512e5 100644
--- a/public/scripts/extensions/quick-reply/style.less
+++ b/public/scripts/extensions/quick-reply/style.less
@@ -293,6 +293,19 @@
flex: 1 1 auto;
display: flex;
flex-direction: column;
+ > .qr--modal-editorSettings {
+ display: flex;
+ flex-direction: row;
+ gap: 1em;
+ color: var(--grey70);
+ font-size: smaller;
+ > .checkbox_label {
+ white-space: nowrap;
+ > input {
+ font-size: inherit;
+ }
+ }
+ }
> #qr--modal-message {
flex: 1 1 auto;
}