From a9009725ceb17c5c83121b86428a0f61e30b217c Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Wed, 28 Jun 2023 01:29:35 +0900
Subject: [PATCH] hide unusables on mobile

---
 public/index.html                  |  4 ++--
 public/script.js                   |  9 ++++++++-
 public/scripts/RossAscends-mods.js | 14 +++++++-------
 public/scripts/power-user.js       |  7 +++++--
 public/style.css                   |  5 +++++
 5 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index d8e69730d..0100ccb3f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2034,7 +2034,7 @@
                                     <span data-i18n="Bubbles">Bubbles</span>
                                 </label>
                             </div>
-                            <div>
+                            <div id="sheldWidthToggleBlock">
                                 <span data-i18n="Chat Width (PC):">Chat Width (PC):</span><br>
                                 <label>
                                     <input name="sheld_width" type="radio" value="0" />
@@ -2093,7 +2093,7 @@
                                     <span data-i18n="Characters Hotswap">Characters Hotswap</span>
                                 </label>
 
-                                <label for="movingUImode" class="checkbox_label">
+                                <label id="movingUIModeCheckBlock" for="movingUImode" class="checkbox_label">
                                     <input id="movingUImode" type="checkbox" />
                                     <span data-i18n="Movable UI Panels">Movable UI Panels</span>
                                 </label>
diff --git a/public/script.js b/public/script.js
index 6669a3892..e2a73efee 100644
--- a/public/script.js
+++ b/public/script.js
@@ -6327,7 +6327,13 @@ const isPwaMode = window.navigator.standalone;
 if (isPwaMode) { $("body").addClass('PWA') }
 
 $(document).ready(function () {
-    //////////INPUT BAR FOCUS-KEEPING LOGIC/////////////
+
+    if (isMobile() === true) {
+        console.debug('hiding movingUI and sheldWidth toggles for mobile')
+        $("#sheldWidthToggleBlock").hide();
+        $("#movingUIModeCheckBlock").hide();
+
+    }
 
     registerSlashCommand('dupe', DupeChar, [], "– duplicates the currently selected character", true, true);
     registerSlashCommand('api', connectAPISlash, [], "– connect to an API", true, true);
@@ -6346,6 +6352,7 @@ $(document).ready(function () {
         scrollLock = true;
     });
 
+    //////////INPUT BAR FOCUS-KEEPING LOGIC/////////////
     let S_TAFocused = false;
     let S_TAPreviouslyFocused = false;
     $('#send_textarea').on('focusin focus click', () => {
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index af4d49ee3..e82dea0f2 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -630,13 +630,13 @@ $("document").ready(function () {
 
     // initial status check
     setTimeout(() => {
-
-        dragElement($("#sheld"));
-        dragElement($("#left-nav-panel"));
-        dragElement($("#right-nav-panel"));
-        dragElement($("#WorldInfo"));
-        dragElement($("#floatingPrompt"));
-
+        if (isMobile === false) {
+            dragElement($("#sheld"));
+            dragElement($("#left-nav-panel"));
+            dragElement($("#right-nav-panel"));
+            dragElement($("#WorldInfo"));
+            dragElement($("#floatingPrompt"));
+        }
         RA_checkOnlineStatus
     }
         , 100);
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index 14775408b..60a608f01 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -647,7 +647,7 @@ function loadPowerUserSettings(settings, data) {
 }
 
 function loadMovingUIState() {
-    if (power_user.movingUIState) {
+    if (isMobile() === false && power_user.movingUIState) {
         for (var elmntName of Object.keys(power_user.movingUIState)) {
             var elmntState = power_user.movingUIState[elmntName];
             try {
@@ -662,6 +662,9 @@ function loadMovingUIState() {
                 console.debug(`error occurred while processing ${elmntName}: ${err}`)
             }
         }
+    } else {
+        console.debug('skipping movingUI state load for mobile')
+        return
     }
 }
 
@@ -1213,7 +1216,7 @@ $(document).ready(() => {
         printCharacters();
         saveSettingsDebounced();
     });
-    
+
     $("#play_message_sound").on('input', function () {
         power_user.play_message_sound = !!$(this).prop('checked');
         saveSettingsDebounced();
diff --git a/public/style.css b/public/style.css
index 371570753..0d00bdcf0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -4712,8 +4712,13 @@ body.waifuMode .zoomed_avatar {
     .drawer33pWidth {
         flex-basis: max(calc(100% / 2 - 10px), 180px);
     }
+
+    .BGSampleTitle {
+        display: none;
+    }
 }
 
+
 /*this part only only applies to iOS devices*/
 
 @supports (-webkit-touch-callout: none) {