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

revamp creator note & spoiler hide/show

Browse Source
This commit is contained in:
RossAscends
2024-03-03 18:55:16 +09:00
parent 181657cede
commit 77791ae3e9
3 changed files with 60 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/index.html
View File

@@ -4013,6 +4013,17 @@
</div> </div>
</div> </div>
</div> </div>
<hr>
<div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1">
<div id="creators_notes_div" class="marginBot5 title_restorable">
<span data-i18n="Creator's Notes">Creator's Notes</span>
<div id="spoiler_free_desc_button" class="menu_button fa-solid fa-eye" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
</a>
</div>
<textarea readonly id="creator_notes_spoiler" class="flex1" data-i18n="[placeholder]Creator's Notes" placeholder="Creator's Notes" class="marginBot5" name="creator_notes_spoiler"></textarea>
<!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea-->
</div>
<div id="descriptionWrapper" class="flex-container flexFlowColumn flex1">
<hr> <hr>
<div id="description_div" class="marginBot5 flex-container alignitemscenter"> <div id="description_div" class="marginBot5 flex-container alignitemscenter">
<span data-i18n="Character Description">Description</span> <span data-i18n="Character Description">Description</span>
@@ -4025,6 +4036,8 @@
<div class="extension_token_counter"> <div class="extension_token_counter">
Tokens: <span data-token-counter="description_textarea" data-token-permanent="true">counting...</span> Tokens: <span data-token-counter="description_textarea" data-token-permanent="true">counting...</span>
</div> </div>
</div>
<div id="firstMessageWrapper" class="flex-container flexFlowColumn flex1">
<div id="first_message_div" class="marginBot5 title_restorable"> <div id="first_message_div" class="marginBot5 title_restorable">
<div class="flex-container alignitemscenter"> <div class="flex-container alignitemscenter">
<span data-i18n="First message">First message</span> <span data-i18n="First message">First message</span>
@@ -4043,15 +4056,6 @@
<div class="extension_token_counter"> <div class="extension_token_counter">
Tokens: <span data-token-counter="firstmessage_textarea">counting...</span> Tokens: <span data-token-counter="firstmessage_textarea">counting...</span>
</div> </div>
<div id="spoiler_free_desc">
<div id="creators_notes_div" class="marginBot5 title_restorable">
<span data-i18n="Creator's Notes">Creator's Notes</span>
<div id="spoiler_free_desc_button" class="menu_button fa-solid fa-eye" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
</a>
</div>
<hr>
<div id="creator_notes_spoiler" data-i18n="[placeholder]Creator's Notes" placeholder="Creator's Notes" class="marginBot5" name="creator_notes_spoiler"></div>
<!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea-->
</div> </div>
<!-- these divs are invisible and used for server communication purposes --> <!-- these divs are invisible and used for server communication purposes -->
<div id="hidden-divs"> <div id="hidden-divs">

27
public/scripts/power-user.js
View File

@@ -917,27 +917,24 @@ function switchWaifuMode() {
function switchSpoilerMode() { function switchSpoilerMode() {
if (power_user.spoiler_free_mode) { if (power_user.spoiler_free_mode) {
$('#description_div').hide(); $('#descriptionWrapper').hide();
$('#description_textarea').hide(); $('#firstMessageWrapper').hide();
$('#firstmessage_textarea').hide(); $('#spoiler_free_desc').addClass('flex1');
$('#first_message_div').hide(); $('#creator_notes_spoiler').show();
$('#spoiler_free_desc').show();
} }
else { else {
$('#description_div').show(); $('#descriptionWrapper').show();
$('#description_textarea').show(); $('#firstMessageWrapper').show();
$('#firstmessage_textarea').show(); $('#spoiler_free_desc').removeClass('flex1');
$('#first_message_div').show(); $('#creator_notes_spoiler').hide();
$('#spoiler_free_desc').hide();
} }
} }
function peekSpoilerMode() { function peekSpoilerMode() {
$('#description_div').toggle(); $('#descriptionWrapper').toggle();
$('#description_textarea').toggle(); $('#firstMessageWrapper').toggle();
$('#firstmessage_textarea').toggle(); $('#creator_notes_spoiler').toggle();
$('#first_message_div').toggle(); $('#spoiler_free_desc').toggleClass('flex1');
} }

5
public/style.css
View File

@@ -1028,6 +1028,11 @@ select {
white-space: nowrap; white-space: nowrap;
} }
#creator_notes_spoiler {
border: 0;
font-size: calc(var(--mainFontSize)*.8);
}
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
#form_create textarea { #form_create textarea {
flex-grow: 1; flex-grow: 1;