anapnoe / stable-diffusion-webui-ux

Stable Diffusion web UI UX
GNU Affero General Public License v3.0
964 stars 60 forks source link

[Bug]: side panel show/hide button hot zone does not use the entire width #204

Closed halr9000 closed 7 months ago

halr9000 commented 7 months ago

Is there an existing issue for this?

What happened?

I'm playing with various UX settings, and noticed that I had trouble show/hide the side panels. Turns out the cause is that unlike all of the other icons, the hot zone for show/hide doesn't fill the entire button. See screenshot, clicks in the highlighted portion do nothing, only clicking inside the red square works.

Screenshot 2023-11-21 074350

Steps to reproduce the problem

  1. Enable labels (settings/ux/show labels for aside tabs)
  2. Click around a bunch

P.S. "aside tabs"? I did not know what to call this whole area, but "aside tab" was not on my list. :D

What should have happened?

Clicking anywhere in the box should do the thing.

Sysinfo

n/a

What browsers do you use to access the UI ?

Google Chrome

Console logs

n/a

Additional information

No response

anapnoe commented 7 months ago

I am actually thinking to remove this arrow to save some vertical space and use the icons to toggle the state of aside view now you need it only to close the aside view the open state is working if you click the same or a different aside tab when state is closed

halr9000 commented 7 months ago

wait till you see my keyboard nav issue lol

halr9000 commented 7 months ago

but either way -- this one icon hot zone is inconsistent to all of the rest