Merge pull request #8938 from space-nuko/fix-image-ar-overlay (e8f34e3b) · Commits · github_fork / Stable Diffusion Webui

javascript/aspectRatioOverlay.js

+26 −23

Original line number	Diff line number	Diff line
		@@ -12,7 +12,7 @@ function dimensionChange(e, is_width, is_height){
		currentHeight = e.target.value*1.0
		}

		var inImg2img = Boolean(gradioApp().querySelector("button.rounded-t-lg.border-gray-200"))
		var inImg2img = gradioApp().querySelector("#tab_img2img").style.display == "block";

		if(!inImg2img){
		return;
		@@ -22,7 +22,7 @@ function dimensionChange(e, is_width, is_height){

		var tabIndex = get_tab_index('mode_img2img')
		if(tabIndex == 0){ // img2img
		targetElement = gradioApp().querySelector('div[data-testid=image] img');
		targetElement = gradioApp().querySelector('#img2img_image div[data-testid=image] img');
		} else if(tabIndex == 1){ //Sketch
		targetElement = gradioApp().querySelector('#img2img_sketch div[data-testid=image] img');
		} else if(tabIndex == 2){ // Inpaint
		@@ -38,7 +38,7 @@ function dimensionChange(e, is_width, is_height){
		if(!arPreviewRect){
		arPreviewRect = document.createElement('div')
		arPreviewRect.id = "imageARPreview";
		gradioApp().getRootNode().appendChild(arPreviewRect)
		gradioApp().appendChild(arPreviewRect)
		}


		@@ -91,7 +91,9 @@ onUiUpdate(function(){
		if(arPreviewRect){
		arPreviewRect.style.display = 'none';
		}
		var inImg2img = Boolean(gradioApp().querySelector("button.rounded-t-lg.border-gray-200"))
		var tabImg2img = gradioApp().querySelector("#tab_img2img");
		if (tabImg2img) {
		var inImg2img = tabImg2img.style.display == "block";
		if(inImg2img){
		let inputs = gradioApp().querySelectorAll('input');
		inputs.forEach(function(e){
		@@ -110,4 +112,5 @@ onUiUpdate(function(){
		}
		})
		}
		}
		});

style.css

+11 −0

Original line number	Diff line number	Diff line
		@@ -520,6 +520,17 @@ div.dimensions-tools{
		background-color: rgba(0, 0, 0, 0.8);
		}

		#imageARPreview {
		position: absolute;
		top: 0px;
		left: 0px;
		border: 2px solid red;
		background: rgba(255, 0, 0, 0.3);
		z-index: 900;
		pointer-events: none;
		display: none;
		}

		/* context menu (ie for the generate button) */

		#context-menu{

Admin message