Gerschel / sd-web-ui-quickcss

I just setup a quick css apply using the style here https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/5813 This is a tool for designers to worry more about designing their css, rather than worry about how to manage them for sd-web-ui
71 stars 8 forks source link

Collapsible tabs? #21

Open Gerschel opened 1 year ago

Gerschel commented 1 year ago

@Nacurutu I see comments of people mentioning they want either, sortable tabs, hideable tabs, or collapsible tabs.
So I put together a rudimentary collapsible.
Some might not want this option, so it should probably be a toggleable option.

Not collapsed: image

Collapsed: image

Limit the tab sections to just the main tabs, or do all: image

Nacurutu commented 1 year ago

I also was thinking about something like this...

Like having a tab for image generation that contains all tabs related to it.

Also, a train tab that includes all the things related to training,

the settings tab and the extensions tab..

great to make it selectable...

is there a way that the user can assign the tabs he wants to the respective tabs?

Gerschel commented 1 year ago

You mean like a tab bundle?
Like hide the tabs the user chooses to include in a group, and show those groups instead?

Nacurutu commented 1 year ago

You mean like a tab bundle? Like hide the tabs the user chooses to include in a group, and show those groups instead?

yes, something like that...

Like give the ability to the user to select txt2img and img2img tab (make them sub tabs) and send them to a primary tab called Img Generation. Select Train, and extension related to embeddings to a primary Train tab..

to let the user make the tabs order as they want...

could be a great addition to the quickcss extension...

Nacurutu commented 1 year ago

Looks great...

image