Update layout of Reasoning settings block

98ea463e0e549c31b7968f0f86eb443f96581d98

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: d5959a4681481582640b78c4c73a0a3208a6421f
2 files changed, +25 -14Showing whitespace changes
public/index.html+23 -14
@@ -3750,7 +3750,7 @@
3750 <label class="checkbox_label" for="custom_stopping_strings_macro">3750 <label class="checkbox_label" for="custom_stopping_strings_macro">
3751 <input id="custom_stopping_strings_macro" type="checkbox" checked>3751 <input id="custom_stopping_strings_macro" type="checkbox" checked>
3752 <small data-i18n="Replace Macro in Custom Stopping Strings">3752 <small data-i18n="Replace Macro in Custom Stopping Strings">
3753 Replace Macro in Custom Stopping Strings3753 Replace Macro in Stop Strings
3754 </small>3754 </small>
3755 </label>3755 </label>
3756 </div>3756 </div>
@@ -3797,24 +3797,36 @@
3797 <span data-i18n="Reasoning">Reasoning</span>3797 <span data-i18n="Reasoning">Reasoning</span>
3798 </h4>3798 </h4>
3799 <div>3799 <div>
3800 <label class="checkbox_label" for="reasoning_auto_parse" title="Automatically parse reasoning blocks from main content between the reasoning prefix/suffix. Both fields must be defined and non-empty." data-i18n="[title]reasoning_auto_parse">3800 <div class="flex-container alignItemsBaseline">
3801 <label class="checkbox_label flex1" for="reasoning_auto_parse" title="Automatically parse reasoning blocks from main content between the reasoning prefix/suffix. Both fields must be defined and non-empty." data-i18n="[title]reasoning_auto_parse">
3801 <input id="reasoning_auto_parse" type="checkbox" />3802 <input id="reasoning_auto_parse" type="checkbox" />
3802 <small data-i18n="Auto-Parse Reasoning">3803 <small data-i18n="Auto-Parse">
3803 Auto-Parse Reasoning3804 Auto-Parse
3804 </small>3805 </small>
3805 </label>3806 </label>
3806 <label class="checkbox_label" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">3807 <label class="checkbox_label flex1" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">
3807 <input id="reasoning_auto_expand" type="checkbox" />3808 <input id="reasoning_auto_expand" type="checkbox" />
3808 <small data-i18n="Auto-Expand Reasoning">3809 <small data-i18n="Auto-Expand">
3809 Auto-Expand Reasoning3810 Auto-Expand
3810 </small>3811 </small>
3811 </label>3812 </label>
3812 <label class="checkbox_label" for="reasoning_add_to_prompts" title="Add existing reasoning blocks to prompts. To add a new reasoning block, use the message edit menu." data-i18n="[title]reasoning_add_to_prompts">3813 </div>
3814 <div class="flex-container alignItemsBaseline">
3815 <label class="checkbox_label flex1" for="reasoning_add_to_prompts" title="Add existing reasoning blocks to prompts. To add a new reasoning block, use the message edit menu." data-i18n="[title]reasoning_add_to_prompts">
3813 <input id="reasoning_add_to_prompts" type="checkbox" />3816 <input id="reasoning_add_to_prompts" type="checkbox" />
3814 <small data-i18n="Add Reasoning to Prompts">3817 <small data-i18n="Add to Prompts">
3815 Add Reasoning to Prompts3818 Add to Prompts
3816 </small>3819 </small>
3817 </label>3820 </label>
3821 <div class="flex1 flex-container alignItemsBaseline" title="Maximum number of reasoning blocks to be added per prompt, counting from the last message." data-i18n="[title]reasoning_max_additions">
3822 <input id="reasoning_max_additions" class="text_pole textarea_compact widthUnset" type="number" min="0" max="999"></textarea>
3823 <small data-i18n="Max">Max</small>
3824 </div>
3825 </div>
3826 <details>
3827 <summary data-i18n="Reasoning Formatting">
3828 Reasoning Formatting
3829 </summary>
3818 <div class="flex-container">3830 <div class="flex-container">
3819 <div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix">3831 <div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix">
3820 <small data-i18n="Prefix">Prefix</small>3832 <small data-i18n="Prefix">Prefix</small>
@@ -3830,11 +3842,8 @@
3830 <small data-i18n="Separator">Separator</small>3842 <small data-i18n="Separator">Separator</small>
3831 <textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea>3843 <textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea>
3832 </div>3844 </div>
3833 <div class="flex1" title="Maximum number of reasoning blocks to be added per prompt, counting from the last message." data-i18n="[title]reasoning_max_additions">
3834 <small data-i18n="Max Additions">Max Additions</small>
3835 <input id="reasoning_max_additions" class="text_pole textarea_compact" type="number" min="0" max="999"></textarea>
3836 </div>
3837 </div>3845 </div>
3846 </details>
3838 </div>3847 </div>
3839 </div>3848 </div>
3840 <div>3849 <div>
public/style.css+2 -0
@@ -5746,11 +5746,13 @@ body:not(.movingUI) .drawer-content.maximized {
5746 overflow-wrap: anywhere;5746 overflow-wrap: anywhere;
5747}5747}
57485748
5749#SystemPromptColumn summary,
5749#InstructSequencesColumn summary {5750#InstructSequencesColumn summary {
5750 font-size: 0.95em;5751 font-size: 0.95em;
5751 cursor: pointer;5752 cursor: pointer;
5752}5753}
57535754
5755#SystemPromptColumn details,
5754#InstructSequencesColumn details:not(:last-of-type) {5756#InstructSequencesColumn details:not(:last-of-type) {
5755 margin-bottom: 5px;5757 margin-bottom: 5px;
5756}5758}