invoke-ai / invoke-ai/InvokeAI

[enhancement]: Improve Workflow Library layout for Widescreen displays

Open
#5,419 6 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue ui/ux overhaul
Dominant language
Python
Stars
28.2k
Forks
3k
Avg merge
6d 5h
Merged PRs (30d)
19

Description

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Contact Details

skunkworxdark

### What should this feature add?

- On a widescreen monitor, it is frustrating to quickly see which buttons relate to which workflow. It would be preferable to have either:
- The buttons on the left of the workflow name
- or some kind of horizontal rule lines dividing each workflow
- or alternating background colours on the list
- or even double-click to load the workflow.

- On my display, the list of workflows does not go to the bottom of the available window space resulting in more pages if you have many workflows. Either:
- Dynamically make the number of elements fit the page
- or have a way for the user to select the number of items per page.
- or a scrolling list of all workflows rather than a paged list. It is mildly annoying to have to look through the pages one at a time.

![image](https://github.com/invoke-ai/InvokeAI/assets/21961335/2c5386a9-937a-4613-bbe5-20e00c86a85a)

![image](https://github.com/invoke-ai/InvokeAI/assets/21961335/b2193fb3-e189-490d-b9f7-5d42fbbb2191)

### Alternatives

_No response_

### Additional Content

I think I prefer the moved buttons. But I am sure someone with better design skills then me could come up with something that works well.

Moved buttons
![image](https://github.com/invoke-ai/InvokeAI/assets/21961335/a59af497-1c92-41d1-aa08-4641ba39f788)

HR version
![image](https://github.com/invoke-ai/InvokeAI/assets/21961335/815940c5-c913-4539-8cf0-b1ee0662f2b3)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.