Create scrollable content via min-height over sidebar and settings …

[JuliaKirschenheuter]

Create scrollable content via min-height over sidebar and settings dialog on small screens

☑️ Resolves

• Fix [BITV]: Create scrollable content over sidebar and settings dialog on small screens nextcloud/server#41504
  As suggested [BITV] 9.1.4.10/6.2 - At a browser window width of 320 CSS pixels (or at a browser window width of 1280 CSS pixels and 400% zoom magnification), the page contents do not wrap - some information and functions are not available without users having to scroll horizontally. (1) nextcloud/server#36965 (comment)

🖼️ Screenshots

🏚️ Before

🏡 After

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable

[susnux]

sorry lets revert you fixup comment, my comment was wrong. If we set this on the dialog even small text dialogs have at least that height which looks weird.
You initial version was already perfect 🙈

[jancborchardt]

Isn’t there being 2 scrollable contents right within each other quite a no-go? Having to scroll twice and the possibility of getting those mixed up (and have content hidden) is quite confusing.

[ShGKme]

Isn’t there being 2 scrollable contents right within each other quite a no-go? Having to scroll twice and the possibility of getting those mixed up (and have content hidden) is quite confusing.

Yes, there will be 2 scrollable contents.

But this is the easiest solution we found to make pages usable on a 320x256 screen (a11y requirement).

As an alternative to the settings dialog, we could remove NcModal header, that could give as some pixels. But I don't see any alternative for the sidebar.

Do you have any ideas? @jancborchardt

[jancborchardt]

Will this 2-scrollable-areas situation only appear at these small sizes or before already?

If only at these small sizes I'd say it's fine. If it appears for everyone even at desktop size or a bit smaller screen (considering sidebar is only a part of it), we'd have to check.

[ShGKme]

Will this 2-scrollable-areas situation only appear at these small sizes or before already?

Before.

The minimal height for content was 0px before, which is unreadable.

With this PR it is 256px. It depends on sidebar content, but for a file nav header + sidebar header + tabs + padding = ~310px. So it adds scrolling from ~570px.

What the minimal height could you suggest for the sidebar content?