rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix WI Entry control titles for mobile

This commit is contained in:
RossAscends 2023-10-06 05:55:39 +09:00
parent 04a0d012fc
commit edeb804128
4 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/mobile-styles.css
View File

@ -146,6 +146,14 @@
width: 100%; width: 100%;
} }
#WIEntryHeaderTitlesPC {
display: none;
}
.WIEntryHeaderTitleMobile {
display: block !important;
}
#character_popup, #character_popup,
#world_popup { #world_popup {
overflow-y: auto; overflow-y: auto;

4
public/css/world-info.css
View File

@ -186,3 +186,7 @@
.height32px { .height32px {
height: 32px; height: 32px;
} }
.WIEntryHeaderTitleMobile {
display: none;
}

10
public/index.html
View File

@ -2725,8 +2725,9 @@
Alert On Overflow Alert On Overflow
</small> </small>
</label> </label>
<div id="WIInputWidthReference" style="display:none; height:1px;">10000</div>
</div> </div>
<div id="WIInputWidthReference" style="visibility: hidden; height:1px;">10000</div>
</div> </div>
<div id="world_popup"> <div id="world_popup">
@ -3950,7 +3951,7 @@
<div class="WIEnteryHeaderControls flex-container"> <div class="WIEnteryHeaderControls flex-container">
<div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text"> <div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
<!-- <label for="position" data-i18n="Position:">Position:</label> --> <label for="position" class="WIEntryHeaderTitleMobile" data-i18n="Position:">Position:</label>
<select name="position" class="widthNatural margin0" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;"> <select name="position" class="widthNatural margin0" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;">
<option value="0" data-i18n="Before Char Defs" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;">↑Char</option> <option value="0" data-i18n="Before Char Defs" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;">↑Char</option>
<option value="1" data-i18n="After Char Defs" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;">↓Char</option> <option value="1" data-i18n="After Char Defs" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D: at Depth&#13;">↓Char</option>
@ -3960,15 +3961,16 @@
</select> </select>
</div> </div>
<div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap"> <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
<!-- <label for="depth" data-i18n="Depth:">Depth:</label> --> <label for="depth" class="WIEntryHeaderTitleMobile" data-i18n="Depth:">Depth:</label>
<input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" placeholder="" min="0" max="999" /> <input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" placeholder="" min="0" max="999" />
</div> </div>
<div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap"> <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
<!-- <label for="order" data-i18n="Order:">Order:</label> --> <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Order:</label>
<input title="Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" /> <input title="Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" />
</div> </div>
<div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer"> <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer">
<label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Trigger %:</label>
<input title="Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" /> <input title="Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" />
</div> </div>
<!-- <div class="flex-container flex1"> <!-- <div class="flex-container flex1">

2
public/scripts/world-info.js
View File

@ -291,7 +291,7 @@ function displayWorldEntries(name, data, navigation = navigation_option.none) {
callback: function (page) { callback: function (page) {
$("#world_popup_entries_list").empty(); $("#world_popup_entries_list").empty();
const keywordHeaders = ` const keywordHeaders = `
<div class="flex-container wide100p spaceBetween justifyCenter textAlignCenter" style="padding:0 2.5em;"> <div id="WIEntryHeaderTitlesPC" class="flex-container wide100p spaceBetween justifyCenter textAlignCenter" style="padding:0 2.5em;">
<small class="flex1"> <small class="flex1">
Title/Memo Title/Memo
</small> </small>