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

add icon to QR switcher "switch sets"

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
Show Stats 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'); {
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);
}
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 {
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 {
opacity: 0.5;

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

@ -593,7 +593,13 @@
}
}
.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 {
opacity: 0.5;