make custom css input fill available vertical space

This commit is contained in:
LenAnderson 2024-05-10 17:08:04 -04:00
parent de333615c1
commit ed6f9bb72c
2 changed files with 12 additions and 3 deletions

View File

@ -3886,9 +3886,9 @@
</label> </label>
</div> </div>
<h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
<div> <div name="MiscellaneousToggles">
<h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
<div data-newbie-hidden class="flex-container"> <div data-newbie-hidden class="flex-container">
<div id="reload_chat" class="menu_button whitespacenowrap" data-i18n="[title]Reload and redraw the currently open chat" title="Reload and redraw the currently open chat."> <div id="reload_chat" class="menu_button whitespacenowrap" data-i18n="[title]Reload and redraw the currently open chat" title="Reload and redraw the currently open chat.">
<small data-i18n="Reload Chat">Reload Chat</small> <small data-i18n="Reload Chat">Reload Chat</small>
@ -3963,7 +3963,7 @@
<span data-i18n="Custom CSS">Custom CSS</span> <span data-i18n="Custom CSS">Custom CSS</span>
<i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="customCSS" title="Expand the editor"></i> <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="customCSS" title="Expand the editor"></i>
</h4> </h4>
<div class="flex-container flexnowrap alignitemscenter"> <div id="CustomCSS-textAreaBlock" class="flex-container flexnowrap alignitemscenter">
<textarea id="customCSS" class="text_pole margin0 margin-r5 textarea_compact monospace" rows="8"></textarea> <textarea id="customCSS" class="text_pole margin0 margin-r5 textarea_compact monospace" rows="8"></textarea>
</div> </div>
</div> </div>

View File

@ -4263,6 +4263,15 @@ a {
transition: all 250ms; transition: all 250ms;
} }
#user-settings-block [name="MiscellaneousToggles"],
#CustomCSS-block,
#CustomCSS-textAreaBlock {
display: contents;
}
#customCSS {
flex: 1 1 auto;
}
#ui_language_select { #ui_language_select {
width: 8em; width: 8em;
} }