Public/stable-diffusion-webui-ux
1
0
Fork 0
mirror of https://github.com/anapnoe/stable-diffusion-webui-ux.git synced 2026-09-19 09:15:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix double init of zoom pan image edit component and toolbar is in the way #38

Browse Source
This commit is contained in:
anapnoe
2023-04-01 15:16:24 +03:00
parent 3fa026da31
commit 968742ce8a
2 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/imageMaskFix.js
+27 -12
View File
@@ -52,6 +52,8 @@ onUiLoaded(function(){
const brush_size = '<input type="range" min="0.75" max="110.0">';
let img_src = [];
let spl_instances = [];
let spl_pan_instances = [];
const container = gradioApp().querySelector(".gradio-container");
const observer = new MutationObserver(() =>
gradioApp().querySelectorAll('div[data-testid="image"]').forEach(function (elem, i){
@@ -61,20 +63,33 @@ onUiLoaded(function(){
if(img_src[i] != img.src){
let tool_buttons = img_parent.querySelectorAll('button');
if(tool_buttons.length > 2){
let spl_parent = elem.parentElement;
let spl;
let spl_pan;
let isPanning;
if(spl_parent.className != "spl-pane"){
spl = new Spotlight();
spl.init(spl_parent, "-"+spl_parent.id);
spl.addControl("undo", spl_undo_handler);
spl_pan = spl.addControl("pan", spl_pan_handler);
spl.addControl("brush", spl_brush_handler, brush_size);
if(tool_buttons.length == 4){
spl.addControl("color", spl_color_handler, color_box);
}
spl.addControl("clear",spl_clear_handler);
spl_instances[i] = spl;
spl_pan_instances[i] = spl_pan;
}else{
spl = spl_instances[i];
spl_pan = spl_pan_instances[i];
}
img_src[i] = img.src;
//console.log("NEWIMAGE");
let spl_parent = elem.parentElement;
let spl = new Spotlight();
spl.init(spl_parent, "-"+spl_parent.id);
spl.addControl("undo", spl_undo_handler);
let spl_pan = spl.addControl("pan", spl_pan_handler);
spl.addControl("brush", spl_brush_handler, brush_size);
if(tool_buttons.length == 4){
spl.addControl("color", spl_color_handler, color_box);
}
spl.addControl("clear",spl_clear_handler);
let isPanning;
function spl_undo_handler(e) {
tool_buttons[0].click();
style.css
+8 -3
View File
@@ -4221,9 +4221,14 @@ input[type=range]::-ms-fill-upper {
[id^="spotlight"].relative {
position: relative !important;
width:auto;
height:50vh;
z-index:99;
margin-bottom: 1px;
height: calc(50vh + 40px);
z-index: 99;
margin-bottom: 1px;
padding-top: 40px;
}
[id^="spotlight"].relative .spl-pane {
top: -20px;
}
[id^="spotlight"].relative .spl-pane > * {