feat: make textboxes (incl. positive prompt) resizable (#3074)

* feat: make textboxes (incl. positive prompt) resizable again

* wip: auto-resize positive prompt on new line

dirty approach as container is hidden and 1px padding is applied for border shadow to actually work

* feat: set row height to 84, exactly matching 3 lines for positive prompt

eliminate need for JS to resize positive prompt onUiLoaded
This commit is contained in:
Manuel Schmid 2024-06-02 13:40:42 +02:00 committed by GitHub
parent 3d43976e8e
commit ab01104d42
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 12 deletions

View File

@ -74,31 +74,35 @@ progress::after {
text-align: right;
width: 215px;
}
.type_row{
height: 80px !important;
div:has(> #positive_prompt) {
border: none;
}
.type_row_half{
height: 32px !important;
#positive_prompt {
padding: 1px;
background: var(--background-fill-primary);
}
.scroll-hide{
resize: none !important;
.type_row {
height: 84px !important;
}
.refresh_button{
.type_row_half {
height: 34px !important;
}
.refresh_button {
border: none !important;
background: none !important;
font-size: none !important;
box-shadow: none !important;
}
.advanced_check_row{
.advanced_check_row {
width: 250px !important;
}
.min_check{
.min_check {
min-width: min(1px, 100%) !important;
}

View File

@ -112,10 +112,10 @@ with shared.gradio_root:
gallery = gr.Gallery(label='Gallery', show_label=False, object_fit='contain', visible=True, height=768,
elem_classes=['resizable_area', 'main_view', 'final_gallery', 'image_gallery'],
elem_id='final_gallery')
with gr.Row(elem_classes='type_row'):
with gr.Row():
with gr.Column(scale=17):
prompt = gr.Textbox(show_label=False, placeholder="Type prompt here or paste parameters.", elem_id='positive_prompt',
container=False, autofocus=True, elem_classes='type_row', lines=1024)
autofocus=True, lines=3)
default_prompt = modules.config.default_prompt
if isinstance(default_prompt, str) and default_prompt != '':