From edeb804128ca0746a6ecf2c620bcd7d7afd8a417 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Fri, 6 Oct 2023 05:55:39 +0900
Subject: [PATCH] fix WI Entry control titles for mobile

---
 public/css/mobile-styles.css |  8 ++++++++
 public/css/world-info.css    |  4 ++++
 public/index.html            | 10 ++++++----
 public/scripts/world-info.js |  2 +-
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css
index c6b6c6659..ec2d80e4f 100644
--- a/public/css/mobile-styles.css
+++ b/public/css/mobile-styles.css
@@ -146,6 +146,14 @@
         width: 100%;
     }
 
+    #WIEntryHeaderTitlesPC {
+        display: none;
+    }
+
+    .WIEntryHeaderTitleMobile {
+        display: block !important;
+    }
+
     #character_popup,
     #world_popup {
         overflow-y: auto;
diff --git a/public/css/world-info.css b/public/css/world-info.css
index f5513165b..ea78d774a 100644
--- a/public/css/world-info.css
+++ b/public/css/world-info.css
@@ -185,4 +185,8 @@
 
 .height32px {
     height: 32px;
+}
+
+.WIEntryHeaderTitleMobile {
+    display: none;
 }
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index c3d5b3ada..2c35fc6ef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2725,8 +2725,9 @@
                                     Alert On Overflow
                                 </small>
                             </label>
+                            <div id="WIInputWidthReference" style="display:none; height:1px;">10000</div>
                         </div>
-                        <div id="WIInputWidthReference" style="visibility: hidden; height:1px;">10000</div>
+
                     </div>
 
                     <div id="world_popup">
@@ -3950,7 +3951,7 @@
 
                                 <div class="WIEnteryHeaderControls flex-container">
                                     <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;">
                                             <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>
@@ -3960,15 +3961,16 @@
                                         </select>
                                     </div>
                                     <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" />
                                     </div>
 
                                     <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" />
                                     </div>
                                     <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" />
                                     </div>
                                     <!--                                 <div class="flex-container flex1">
diff --git a/public/scripts/world-info.js b/public/scripts/world-info.js
index eaf87a32b..c4929441e 100644
--- a/public/scripts/world-info.js
+++ b/public/scripts/world-info.js
@@ -291,7 +291,7 @@ function displayWorldEntries(name, data, navigation = navigation_option.none) {
         callback: function (page) {
             $("#world_popup_entries_list").empty();
             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">
             Title/Memo
         </small>