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

Entry edit modal way too narrow for desktop use #1595

Open
jassonmc opened this issue Feb 3, 2025 · 2 comments
Open

Entry edit modal way too narrow for desktop use #1595

jassonmc opened this issue Feb 3, 2025 · 2 comments
Labels
0. Needs triage Pending approval or rejection. This issue is pending approval. enhancement New feature or request

Comments

@jassonmc
Copy link

jassonmc commented Feb 3, 2025

Is your feature request related to a problem? Please describe.

The edit windows is very narrow and slightly longer drop down entries are impossible to utilize.
The modal itself does also look a bit silly, as 80% of my desktop with is put to no use at all, which just doesn't make sense.

I found closed issue related to this here: #173

Back then it was decided to reduce modal with to 650px , now on my screen (14", FullHD) I see that it's down to 400px.

To me, even 650px is to narrow on a Desktop, as it immediately eliminates a lot of typical use cases in daily office use, as you have to limit your drop down entries in amount of characters a lot, which is simply not something that works out.
Or description text will span many rows and a user will have to scroll down and down a lot, which just kills the user experience in desktop use.
As it stands now, the edit modal window is fully optimized for portrait mode use on a smart phone, which limits the whole usage a lot.

Describe the solution you'd like

Increase Modal with a lot, like at least to 800px, but max 90% screen with.
Even better would probably be fixed to 80% of the screen, so one could put a desktop screen to good use.

I would also be glad, if someone could tell me, how I could for now add custom css in order to adjust the modal with to at least a fixed 800px.

Describe alternatives you've considered

There isn't really any other for now, then adding some custom css.

Additional context

No response

@jassonmc jassonmc added 0. Needs triage Pending approval or rejection. This issue is pending approval. enhancement New feature or request labels Feb 3, 2025
@jassonmc
Copy link
Author

jassonmc commented Feb 3, 2025

Found a partial solution myself with the help of ChatGPT:

  1. Install Nextcloud app "Custom CSS".
  2. Navigate to Design settings and scroll to the bottom, where a new custom CSS entry appears.
  3. Enter the following:

div.modal-mask div.modal-wrapper {
max-width: 800px !important;
width: 800px !important;
margin: 0 auto !important;
}

div.modal-container {
max-width: 800px !important;
width: 800px !important;
}

Reload your Nextcloud windows.
The modal now has a with of 800px.
Pretty much all input types adjust easily to that change, except of drop dows, which stay narrow.
Probably need to figure out that custom CSS as well to fix that too...

@Spheerys
Copy link

Spheerys commented Feb 4, 2025

I did the same improvement on my Nextcloud :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0. Needs triage Pending approval or rejection. This issue is pending approval. enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants