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

update fav styles

Browse Source 
- no more star icons
- golden borders on avatar instead
This commit is contained in:
RossAscends
2023-04-29 18:17:01 +09:00
parent ba0fc9803f
commit 27a770c2f6
3 changed files with 38 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/script.js
View File

@@ -694,7 +694,8 @@ function printCharacters() {
template.find('img').attr('src', this_avatar);
template.find('.avatar').attr('title', item.avatar);
template.find('.ch_name').text(item.name);
template.find('.ch_fav_icon').css("display", item.fav == "true" ? '' : 'none');
template.find('.ch_fav_icon').css("display", 'none');
template.find('.ch_fav_icon').addClass(item.fav == "true" ? 'is_fav' : '');
template.find('.ch_fav').val(item.fav);
// Display inline tags

6
public/scripts/group-chats.js
View File

@@ -215,7 +215,9 @@ function printGroups() {
template.data("id", group.id);
template.attr("grid", group.id);
template.find(".ch_name").html(group.name);
group.fav ? template.find(".group_fav_icon").show() : template.find(".group_fav_icon").hide();
template.find('.group_fav_icon').css("display", 'none');
template.find('.group_fav_icon').addClass(group.fav ? 'is_fav' : '');
//group.fav ? template.find(".group_fav_icon").show() : template.find(".group_fav_icon").hide();
template.find(".ch_fav").val(group.fav);
$("#rm_print_characters_block").prepend(template);
updateGroupAvatar(group);
@@ -777,7 +779,7 @@ function select_group_chats(chat_id, skipAnimation) {
});
$("#rm_group_fav").off();
$("#rm_group_fav").on("input", async function(){
$("#rm_group_fav").on("input", async function () {
if (group) {
let _thisGroup = groups.find((x) => x.id == chat_id);
const value = $(this).prop("checked");

36
public/style.css
View File

@@ -922,7 +922,7 @@ select option:not(:checked) {
}
.fav_on {
color: #ffff00 !important;
color: #c5b457 !important;
}
.displayBlock {
@@ -1037,8 +1037,7 @@ input[type=search]:focus::-webkit-search-cancel-button {
/*applies to both groups and solos chars in the char list*/
#rm_print_characters_block .ch_name {
margin-left: 5px;
gap: 5px;
/* margin-left: 5px; */
width: 100%;
white-space: nowrap;
max-width: calc(100% - 29px);
@@ -1185,12 +1184,31 @@ input[type=search]:focus::-webkit-search-cancel-button {
.ch_fav_icon {
/* on topright corner */
/*
filter: drop-shadow(0px 0px 1px black);
color: yellow;
font-size: 12px;
color: #e9dd4b;
font-size: 14px;
order: -1;
margin-left: -18px;
margin-left: -16px;
margin-top: 3px;
position: relative;
*/
/* on topleft corner*/
filter: drop-shadow(1px 1px 2px black);
color: #c5b457;
font-size: 14px;
order: -1;
margin-left: -75px;
padding-right: 54px;
margin-top: 3px;
position: relative;
}
.character_select:has(.is_fav) .avatar,
.group_select:has(.is_fav) .avatar {
outline: 3px solid #c5b457;
}
#fav_chara_wrap {
@@ -2395,8 +2413,8 @@ h5 {
.tags.tags_inline {
/* position: absolute; */
margin-right: 5px;
margin-left: 5px;
/* margin-right: 5px;
margin-left: 5px; */
/* top: 30px;
left: 70px; */
opacity: 0.6;
@@ -2656,7 +2674,7 @@ body .ui-widget-content {
.group_select .group_fav_icon {
filter: drop-shadow(0px 0px 1px black);
color: yellow;
color: #c5b457;
font-size: 12px;
order: -1;
margin-left: -18px;