hide unusables on mobile

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>

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', () => {

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);

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();

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) {