rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

QR label alignment/wrapping

This commit is contained in:
Wolfsblvt 2024-07-30 20:51:55 +02:00
parent 023bd840fa
commit 7c27211bc9
3 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/scripts/extensions/quick-reply/html/qrEditor.html
View File

@ -83,7 +83,7 @@
<h3 data-i18n="Auto-Execute">Auto-Execute</h3> <h3 data-i18n="Auto-Execute">Auto-Execute</h3>
<div class="flex-container flexFlowColumn"> <div id="qr--autoExec" class="flex-container flexFlowColumn">
<label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)"> <label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)">
<input type="checkbox" id="qr--preventAutoExecute" > <input type="checkbox" id="qr--preventAutoExecute" >
<span><i class="fa-solid fa-fw fa-plane-slash"></i><span data-i18n="Don't trigger auto-execute">Don't trigger auto-execute</span></span> <span><i class="fa-solid fa-fw fa-plane-slash"></i><span data-i18n="Don't trigger auto-execute">Don't trigger auto-execute</span></span>

7
public/scripts/extensions/quick-reply/style.css
View File

@ -316,6 +316,7 @@
#qr--qrOptions { #qr--qrOptions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-right: 1px;
} }
#qr--qrOptions > #qr--ctxEditor .qr--ctxItem { #qr--qrOptions > #qr--ctxEditor .qr--ctxItem {
display: flex; display: flex;
@ -323,6 +324,12 @@
gap: 0.5em; gap: 0.5em;
align-items: baseline; align-items: baseline;
} }
#qr--qrOptions > #qr--autoExec .checkbox_label {
text-wrap: nowrap;
}
#qr--qrOptions > #qr--autoExec .checkbox_label .fa-fw {
margin-right: 2px;
}
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
body .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor { body .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor {
flex-direction: column; flex-direction: column;

10
public/scripts/extensions/quick-reply/style.less
View File

@ -368,6 +368,7 @@
#qr--qrOptions { #qr--qrOptions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-right: 1px;
>#qr--ctxEditor { >#qr--ctxEditor {
.qr--ctxItem { .qr--ctxItem {
@ -377,6 +378,15 @@
align-items: baseline; align-items: baseline;
} }
} }
>#qr--autoExec {
.checkbox_label {
text-wrap: nowrap;
.fa-fw {
margin-right: 2px;
}
}
}
} }