compact prompt layout: preserve scroll when switching between lora tabs (2a40d3c6) · Commits · github_fork / Stable Diffusion Webui

javascript/extraNetworks.js

+4 −0

Original line number	Diff line number	Diff line
		@@ -130,6 +130,10 @@ function extraNetworksMovePromptToTab(tabname, id, showPrompt, showNegativePromp
		} else {
		promptContainer.insertBefore(prompt, promptContainer.firstChild);
		}

		if (elem) {
		elem.classList.toggle('extra-page-prompts-active', showNegativePrompt \|\| showPrompt);
		}
		}

+4 −1

Original line number	Diff line number	Diff line
		@@ -370,6 +370,9 @@ def create_ui(interface: gr.Blocks, unrelated_tabs, tabname):

		for page in ui.stored_extra_pages:
		with gr.Tab(page.title, elem_id=f"{tabname}_{page.id_page}", elem_classes=["extra-page"]) as tab:
		with gr.Column(elem_id=f"{tabname}_{page.id_page}_prompts", elem_classes=["extra-page-prompts"]):
		pass

		elem_id = f"{tabname}_{page.id_page}_cards_html"
		page_elem = gr.HTML('Loading...', elem_id=elem_id)
		ui.pages.append(page_elem)
		@@ -400,7 +403,7 @@ def create_ui(interface: gr.Blocks, unrelated_tabs, tabname):
		allow_prompt = "true" if page.allow_prompt else "false"
		allow_negative_prompt = "true" if page.allow_negative_prompt else "false"

		jscode = 'extraNetworksTabSelected("' + tabname + '", "' + f"{tabname}_{page.id_page}" + '", ' + allow_prompt + ', ' + allow_negative_prompt + ');'
		jscode = 'extraNetworksTabSelected("' + tabname + '", "' + f"{tabname}_{page.id_page}_prompts" + '", ' + allow_prompt + ', ' + allow_negative_prompt + ');'

		tab.select(fn=lambda: [gr.update(visible=True) for _ in tab_controls], _js='function(){ ' + jscode + ' }', inputs=[], outputs=tab_controls, show_progress=False)

+10 −2

Original line number	Diff line number	Diff line
		@@ -840,8 +840,16 @@ footer {

		/* extra networks UI */

		.extra-page .prompt{
		margin: 0 0 0.5em 0;
		.extra-page > div.gap{
		gap: 0;
		}

		.extra-page-prompts{
		margin-bottom: 0;
		}

		.extra-page-prompts.extra-page-prompts-active{
		margin-bottom: 1em;
		}

		.extra-network-cards{