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

Fix sizing of modal container and app settings dialog #1573

Merged
merged 1 commit into from
Nov 18, 2020

Conversation

PVince81
Copy link
Contributor

The modal container's contents now correctly adjusts to its contents
height, but also the content adjusts to the modal's height when that one
is constrained by the window height.

This fixes scrollbar container issues in some screen resolutions with
the app settings dialog.

See nextcloud/spreed#4576 and reduce the vertical window size to reproduce the issue.

Before the fix:

image

  • app-settings not fitting into the reserved space, so the overflow/scroll doesn't kick in at the right moment.

After the fix:

image

image

  • scrollbar appears and works
  • clicking section headers scrolls correctly
  • with less content the dialog also reduces its height to fit the contents (tested by manually deleting DOM elements)

@PVince81 PVince81 added bug Something isn't working 3. to review Waiting for reviews labels Nov 16, 2020
@PVince81 PVince81 self-assigned this Nov 16, 2020
The app settings dialog now correctly fits into the modal container
despite its variable size. This fixes issues with the scrollbars that
did not appear there.

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
@PVince81 PVince81 force-pushed the bugfix/noid/fix-modal-container-content-sizing branch from 75aecb4 to c62c3e3 Compare November 16, 2020 17:04
@PVince81
Copy link
Contributor Author

I've replaced all changes with a v-deep clause to set display:flex on modal-container only when using in the AppSettingsDialog.

@ma12-co can you confirm that the dialog now looks as originally intended with nextcloud/spreed#4576 with smaller sizes ?

@skjnldsv skjnldsv merged commit a6204eb into master Nov 18, 2020
@skjnldsv skjnldsv deleted the bugfix/noid/fix-modal-container-content-sizing branch November 18, 2020 10:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants