mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
style for actionable group filter tag
This commit is contained in:
@@ -190,6 +190,11 @@ function appendTagToList(listElement, tag, { removable, selectable, action }) {
|
||||
const removeButton = tagElement.find(".tag_remove");
|
||||
removable ? removeButton.show() : removeButton.hide();
|
||||
|
||||
if (tag.name === 'Groups') {
|
||||
tagElement.find('.tag_name').addClass('fa-solid fa-users');
|
||||
tagElement.find('.tag_name').text('');
|
||||
}
|
||||
|
||||
if (selectable) {
|
||||
tagElement.on('click', () => onTagFilterClick.bind(tagElement)(listElement));
|
||||
}
|
||||
@@ -249,6 +254,7 @@ function printTags() {
|
||||
|
||||
for (const tag of Object.values(ACTIONABLE_TAGS)) {
|
||||
appendTagToList('#rm_tag_filter', tag, { removable: false, selectable: false, action: tag.action });
|
||||
|
||||
}
|
||||
|
||||
for (const tag of tagsToDisplay) {
|
||||
|
@@ -2525,6 +2525,17 @@ h5 {
|
||||
|
||||
}
|
||||
|
||||
.tag.actionable {
|
||||
border-style: dotted;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* .tag.actionable::after {
|
||||
font-size: calc(var(--mainFontSize) - 5%);
|
||||
content: "|";
|
||||
position: absolute;
|
||||
right: -12px;
|
||||
} */
|
||||
|
||||
|
||||
.tag_remove {
|
||||
|
Reference in New Issue
Block a user