Tighter layout of character panel

This commit is contained in:
Cohee 2024-03-10 01:04:12 +02:00
parent c69b8137d7
commit d2935934f1
3 changed files with 10 additions and 11 deletions

View File

@ -89,7 +89,7 @@
#bulkTagsList, #bulkTagsList,
#tagList.tags { #tagList.tags {
margin: 5px 0; margin: 2px 0;
} }
#bulkTagsList, #bulkTagsList,

View File

@ -4010,7 +4010,7 @@
</select> </select>
</label> </label>
</div> </div>
<div id="tags_div" class="marginBot5"> <div id="tags_div">
<div class="tag_controls"> <div class="tag_controls">
<input id="tagInput" class="text_pole tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" /> <input id="tagInput" class="text_pole tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
<div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div> <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>
@ -4022,13 +4022,12 @@
</div> </div>
</div> </div>
<hr> <hr>
<div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1"> <div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1 flexNoGap">
<div id="creators_notes_div" class="marginBot5 title_restorable"> <div id="creators_notes_div" class="title_restorable">
<span data-i18n="Creator's Notes">Creator's Notes</span> <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> <div id="spoiler_free_desc_button" class="margin0 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> </div>
<div id="creator_notes_spoiler" class="flex1" data-i18n="[placeholder]Creator's Notes" paceholder="Creator's Notes" class="marginBot5" name="creator_notes_spoiler"></div> <div id="creator_notes_spoiler" class="flex1"></div>
<!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea--> <!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea-->
</div> </div>
<div id="descriptionWrapper" class="flex-container flexFlowColumn flex1"> <div id="descriptionWrapper" class="flex-container flexFlowColumn flex1">
@ -4040,7 +4039,7 @@
<span class="fa-solid fa-circle-question note-link-span"></span> <span class="fa-solid fa-circle-question note-link-span"></span>
</a> </a>
</div> </div>
<textarea id="description_textarea" data-i18n="[placeholder]Describe your character's physical and mental traits here." placeholder="Describe your character's physical and mental traits here." class="marginBot5" name="description" placeholder=""></textarea> <textarea id="description_textarea" data-i18n="[placeholder]Describe your character's physical and mental traits here." placeholder="Describe your character's physical and mental traits here." name="description" placeholder=""></textarea>
<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>
@ -4060,7 +4059,7 @@
</span> </span>
</div> </div>
</div> </div>
<textarea id="firstmessage_textarea" data-i18n="[placeholder]This will be the first message from the character that starts every chat." placeholder="This will be the first message from the character that starts every chat." class="marginBot5" name="first_mes" placeholder=""></textarea> <textarea id="firstmessage_textarea" data-i18n="[placeholder]This will be the first message from the character that starts every chat." placeholder="This will be the first message from the character that starts every chat." name="first_mes" placeholder=""></textarea>
<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>

View File

@ -1060,8 +1060,8 @@ select {
@media screen and (min-width: 1001px) { @media screen and (min-width: 1001px) {
#description_textarea { #description_textarea {
height: 33vh; height: 30vh;
height: 33svh; height: 30svh;
} }
#firstmessage_textarea { #firstmessage_textarea {