rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

add icon to QR switcher "switch sets"

Browse Source
This commit is contained in:
LenAnderson
2024-07-18 18:06:52 -04:00
parent a21deb4ed0
commit ab6b7f6200
3 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/scripts/extensions/quick-reply/src/QuickReply.js
View File

@@ -452,7 +452,16 @@ export class QuickReply {
}); });
const lbl = document.createElement('div'); { const lbl = document.createElement('div'); {
lbl.classList.add('qr--label'); lbl.classList.add('qr--label');
lbl.textContent = 'Switch QR Sets...'; const icon = document.createElement('i'); {
icon.classList.add('fa-solid');
icon.classList.add('fa-arrow-alt-circle-right');
icon.classList.add('menu_button');
lbl.append(icon);
}
const text = document.createElement('span'); {
text.textContent = 'Switch QR Sets...';
lbl.append(text);
}
setItem.append(lbl); setItem.append(lbl);
} }
list.append(setItem); list.append(setItem);

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

@@ -541,6 +541,13 @@
.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--label { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--label {
white-space: nowrap; white-space: nowrap;
} }
.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--label .menu_button,
.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--label .menu_button {
display: inline-block;
height: min-content;
width: min-content;
margin: 0 0.5em 0 0;
}
.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--id, .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--id,
.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--id { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--id {
opacity: 0.5; opacity: 0.5;

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

@@ -593,7 +593,13 @@
} }
} }
.qr--label { .qr--label {
white-space: nowrap;; white-space: nowrap;
.menu_button {
display: inline-block;
height: min-content;
width: min-content;
margin: 0 0.5em 0 0;
}
} }
.qr--id { .qr--id {
opacity: 0.5; opacity: 0.5;