Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Allow resizing UI #2699

Open
Spaceginner opened this issue Oct 15, 2022 · 5 comments · Fixed by #12687
Open

Feature Request: Allow resizing UI #2699

Spaceginner opened this issue Oct 15, 2022 · 5 comments · Fixed by #12687
Labels
enhancement New feature or request

Comments

@Spaceginner
Copy link
Contributor

Is your feature request related to a problem? Please describe.
is it me or it looks really widy, like why?

Describe the solution you'd like
Add switch which will disable this mode and return old sizes.

Describe alternatives you've considered
Delete wide mode it entairly or make it more proportional

Additional context
wtf?
image

@C43H66N12O12S2 C43H66N12O12S2 added the enhancement New feature or request label Oct 15, 2022
@C43H66N12O12S2 C43H66N12O12S2 changed the title Feature Request: Allow disabling wide putin mode Feature Request: Allow resizing UI Oct 15, 2022
@oivio
Copy link

oivio commented Oct 15, 2022

Before running webui you can open "style.css" and inside "container" just lower "max-width: 100%;"
but, I do agree it would be nice to have style editing somewhere in settings. Maybe themes etc?

@somebody1234
Copy link

themes sounds like overkill tbh, just adding a text setting where you can enter extra css shouod be more than enough

@oivio
Copy link

oivio commented Oct 15, 2022

Not really overkill if you make it simple.
Since we currently using style.css we possibly could have just option to switch between other css styles.
Anyways that is just an idea nothing big that is most important ;)

@Spaceginner
Copy link
Contributor Author

Spaceginner commented Oct 15, 2022

Before running webui you can open "style.css" and inside "container" just lower "max-width: 100%;" but, I do agree it would be nice to have style editing somewhere in settings. Maybe themes etc?

thx, but it would be nice if something like documantation to it [style.css] was existing existed

EDIT: I think 75% or 80% were before some update. They look much better, at least for a pERfeCtIOniST

EDIT 2: Also, in order to calm down git i just added style.css to .gitignore

@Cubittus
Copy link

Don't edit style.css as it will get clobbered on update. Instead create and place your rules in user.css in the same directory. This is mentioned on the wiki here.
I've found the following rules work well on a 2560x1440 display:

.container {
	min-width:600px;
	max-width:calc(100vw - 800px);
	position:relative;
}

#quicksettings {
	position:absolute;
	right:calc(100% + 0.5rem);
	top:3rem;
	width:calc(100vw - 1000px);
	min-width:200px;
	max-width:calc(400px - 1rem);
}

This moves the quicksettings over to the left too.

image

@catboxanon catboxanon linked a pull request Aug 20, 2023 that will close this issue
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants