Move width and height sliders closer to image for better usability

[Yaiol]

The effect of width and height sliders change is almost invisible when using img2img or inpaint

Before modification img2img

inpainting

After modification

[AUTOMATIC1111]

If this happens, this happens to both txt2img and img2img for consistency. I'd like to see few thumbs up / thumbs down emotes to know if people want this change or not.

[Yaiol]

If this happens, this happens to both txt2img and img2img for consistency.

That part is already part of the modification

I'd like to see few thumbs up / thumbs down emotes.

Agree with you, i asked this question to myself, actually was wondering if all parameters common to txt2imag and img2img should be also put above the image parameters for consitency.

But in all cases the actual issue exists, the red frame that is drawn above the image, that is very useful for setting width and height, is actually half visible with img2img and hardly visible with inpaining, which i think is a shame. I didn't find a better solution to fi-it, maybe there is another I didn't think myself.

[fredconex]

Personally I think we should kinda organize it in a way that most used parameters are displayed first, denoising strength is something I use most frequently on img2img and on my 2560x1440 monitor I need to constantly scroll up/down to access generate and the slider or prompt.

Something that would be amazing is if we could organize the layout on the fly, my 3d printer software has this feature, where you can go to customize and drag and drop sections to organize it for best use.

[Yaiol]

Personally I think we should kinda organize it in a way that most used parameters are displayed first, denoising strength is something I use most frequently on img2img and on my 2560x1440 monitor I need to constantly scroll up/down to access generate and the slider or prompt.

I fully agree with you, though the purpose of this Pull Request is far more limited, simply having the width and height sliders close to the image thus when you use them you can see the effect on image size (which I hardly can see on my full HD monitor)

[RJSprod]

I would like to see the sliders moved just below the picture.

It seem strange to put this UI above the tabs. It breaks to many usage conventions. Just below the image and I'm all for this. The struggle to adjust my image width and height is real.

[Yaiol]

I would like to see the sliders moved just below the picture.

I tried first to do that, but the way it is actually scripted I didn't succeed to. The Panel red square is linked to witdh and height controls within javascript function. When I put them just below the image it breaks compatibility. Let's say I reach my level of incompetence, must exists a way to do it, but probably require a lot more of changes into the code.