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

Move set avatar button to on-click on avatar

Browse Source
This commit is contained in:
Cohee
2023-06-21 20:22:54 +03:00
parent 4d299916be
commit 408f83804d
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/index.html
View File

@ -2398,9 +2398,11 @@
</div> </div>
<div id="avatar_div" class="avatar_div alignitemsflexstart justifySpaceBetween flexnowrap flexGap5"> <div id="avatar_div" class="avatar_div alignitemsflexstart justifySpaceBetween flexnowrap flexGap5">
<div id="avatar_div_div" class="avatar"> <label id="avatar_div_div" for="add_avatar_button" class="avatar" title="Click to select a new avatar for this character">
<img id="avatar_load_preview" src="img/ai4.png" alt="avatar"> <img id="avatar_load_preview" src="img/ai4.png" alt="avatar">
</div> <input hidden type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
</label>
<div class="flex-container flexFlowColumn"> <div class="flex-container flexFlowColumn">
<label for="char-management-dropdown"> <label for="char-management-dropdown">
<select id="char-management-dropdown"> <select id="char-management-dropdown">
@ -2430,9 +2432,6 @@
</label> </label>
<div class="form_create_bottom_buttons_block"> <div class="form_create_bottom_buttons_block">
<label for="add_avatar_button" class="menu_button fa-solid fa-file-image " title="Click to select a new avatar for this character">
<input type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
</label>
<div id="rm_button_back" class="menu_button fa-solid fa-left-long "></div> <div id="rm_button_back" class="menu_button fa-solid fa-left-long "></div>
<!-- <div id="renameCharButton" class="menu_button fa-solid fa-user-pen" title="Rename Character"></div> --> <!-- <div id="renameCharButton" class="menu_button fa-solid fa-user-pen" title="Rename Character"></div> -->

2
public/script.js
View File

@ -4834,7 +4834,7 @@ export function select_selected_character(chid) {
$('.open_alternate_greetings').data('chid', chid); $('.open_alternate_greetings').data('chid', chid);
$('#set_character_world').data('chid', chid); $('#set_character_world').data('chid', chid);
const world = characters[chid]?.data?.extensions?.world; const world = characters[chid]?.data?.extensions?.world;
const worldSet = world && world_names.includes(world); const worldSet = Boolean(world && world_names.includes(world));
$('#set_character_world').toggleClass('world_set', worldSet); $('#set_character_world').toggleClass('world_set', worldSet);
checkEmbeddedWorld(chid); checkEmbeddedWorld(chid);

9
public/style.css
View File

@ -687,7 +687,16 @@ hr {
gap: 5px; gap: 5px;
} }
#avatar_div_div {
border: 2px solid var(--SmartThemeBodyColor);
margin: 2px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#avatar_div_div:hover {
filter: drop-shadow(0px 0px 5px var(--SmartThemeQuoteColor));
}
.avatar { .avatar {
width: 50px; width: 50px;