Anti-softlock resizing for mobile settings menu (down to 360px width …

…screens for now).
QuiteAFancyEmerald · Jul 23, 2024 · 047f560 · 047f560
1 parent 51832bc
commit 047f560
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/views/assets/css/styles-1644738239.css b/views/assets/css/styles-1644738239.css
@@ -1173,6 +1173,22 @@ iner
     top: -6px;
   }
 
+  .settings-content {
+    width: 300px;
+  }
+
+  .cseltitle-main {
+    font-size: 23.5px;
+  }
+
+  .cseltitle {
+    font-size: 15px;
+  }
+
+  #csel .cseltitle ~ input:not([type="checkbox"]), #csel select {
+    width: calc(100% - 100px);
+  }
+
   .text-wrap {
     width: 250px;
   }

diff --git a/views/pages/misc/deobf/settings.html b/views/pages/misc/deobf/settings.html
@@ -13,6 +13,7 @@
         <input type=text placeholder="Icon URL" spellcheck=false><input class="cselbutton cselmargin" type=submit value=Apply>
     </form>
     <input id=cselreset class="cselbutton" type=button value=Reset>
+    <br>
     <input id=cselab class="cselbutton" type=button value="Open Stealth Frame">
     <p>Icon Presets:</p>
     <select id=icon-list>