mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
add icon to QR switcher "switch sets"
This commit is contained in:
@ -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);
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
Reference in New Issue
Block a user