fix width adapting for 3-column drop down panels

e0c8488c3f6ffe7b7838161c5454a4409ca2743a

RossAscends <124905043+RossAscends@users.noreply.github.com>

Parents: 376e1f4ca2f332d545fcaac124f344fc61dbe6f9
3 files changed, +17 -16Ignore whitespace
public/css/mobile-styles.css+1 -11
@@ -342,16 +342,6 @@
342342 }
343343}
344344
345-@media screen and (min-width: 1001px) {
346-
347- #ContextFormatting,
348- #UI-Theme-Block,
349- #UI-Customization,
350- #power-user-options-block {
351- flex: 1;
352- }
353-}
354-
355345/*landscape mode phones and ipads*/
356346@media screen and (max-width: 1000px) and (orientation: landscape) {
357347 body.waifuMode img.expression {
@@ -502,4 +492,4 @@
502492 #horde_model {
503493 height: unset;
504494 }
505495}
495 \ No newline at end of file
public/index.html+4 -4
@@ -3685,7 +3685,7 @@
36853685 </div>
36863686 </div>
36873687 <div id="user-settings-block-content" class="flex-container spaceEvenly">
36883688 <div name="UserSettingsFirstColumn" id="UI-Theme-Block" class="flex-container flexFlowColumn wide100p flex1">
36893689 <div id="UI-presets-block" class="flex-container flexFlowColumn">
36903690 <h4 class="title_restorable">
36913691 <span data-i18n="UI Theme">UI Theme</span>
@@ -3902,7 +3902,7 @@
39023902
39033903 </div>
39043904 </div>
39053905 <div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p flexNoGap flex1">
39063906 <div name="CharacterHandlingToggles">
39073907 <h4 data-i18n="Character Handling">
39083908 Character Handling
@@ -4044,7 +4044,7 @@
40444044 </div>
40454045 </div>
40464046 </div>
40474047 <div name="UserSettingsThirdColumn" id="power-user-options-block" class="flex-container wide100p flex1">
40484048 <div id="power-user-option-checkboxes">
40494049
40504050 <div name="ChatMessageHandlingToggles">
@@ -6502,4 +6502,4 @@
65026502 </script>
65036503</body>
65046504
65056505</html>
6505 \ No newline at end of file
public/style.css+12 -1
@@ -4388,6 +4388,17 @@ body.big-avatars .missing-avatar {
43884388 text-align: center;
43894389}
43904390
4391+#UI-Theme-Block,
4392+#UI-Customization,
4393+#power-user-options-block,
4394+#ContextSettings,
4395+#InstructSettingsColumn,
4396+#InstructSequencesColumn {
4397+ flex-basis: 250px;
4398+}
4399+
4400+
4401+
43914402
43924403.userSettingsInnerExpandable {
43934404 border: 1px solid;
@@ -5461,4 +5472,4 @@ body:not(.movingUI) .drawer-content.maximized {
54615472 max-height: 50dvh;
54625473 resize: vertical;
54635474 overflow: auto;
54645475}
5475 \ No newline at end of file