lllyasviel
Adjust Checkpoint input style
Slight adjustments to the Checkpoint dropdown in response to #1586 .
I would appreciate feedback from UX/UI folks, I think that these changes allow the filtering input to not overlap the dropdown arrow, but the right-align might be too much.
Current Filtering
Updated Filtering (See Below)
Current Long Checkpoint Listing
Updated Long Checkpoint Listing (See below)
Current Short Checkpoint Listing
Updated Short Checkpoint Listing (See below)
Additionally, not sure what the best way to address the ul.options formatting, I think adjusting them to right aligned would address the issue, but unsure if that is desired.
Can you show a version where you expand the menu, and it shows a too long path? Does it show the whole thing? Or is this what you weren't able to figure out yet?
Feedback:
I feel like the right-alignment is noone's friend. It just adds too much noise to one area and it's harder to parse.
Looking at it a bit more, I think you're right that the right align is not great so I removed it. Also fixed an issue causing the input area to only be a fraction of the total area.
Updated LaF
The behavior of the dropdown for longer paths is still very wonky, I could get it to overflow, but I couldn't find a way to make the size match the size of the longest item.
I did not add the above css changes, and I'll wait to see if others have ideas or if the scenario should be addressed another way.
Nice! Left-aligned is an improvement, and even the text going outside is an improvement in readability even if not perfect.
So I was able to find the right syntax to cap the length of the window at the max element. I added that to the PR, but if its not desired I can back it out.
Can also cap the max width so that the popup doesn't go too crazy (not currently in PR):
I prefer the maximum length one myself but I'm open to other preferences. Maybe it should be limited to the total width of the page, so it doesn't go to second monitor or outside of view.
Good job with this quick fix!