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

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

Conversation

JuliaKirschenheuter
Copy link
Contributor

@JuliaKirschenheuter JuliaKirschenheuter commented Nov 16, 2023

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

☑️ Resolves

🖼️ Screenshots

🏚️ Before

image

🏡 After

Peek 2023-11-17 10-01

🏁 Checklist

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

@ShGKme
Copy link
Contributor

ShGKme commented Nov 16, 2023

2 blocks with scrolls doesn't look good on a so small screen...

What about:

  • Do not separate navigation and content on a small screen
  • Just hide the navigation on a such small screen

cc @nextcloud-libraries/designers for ideas

@JuliaKirschenheuter
Copy link
Contributor Author

  • Just hide the navigation on a such small screen

That is a good idea! Actually this navigation is not important on small screens. @marcoambrosini @nimishavijay would it work for you?

@susnux
Copy link
Contributor

susnux commented Nov 17, 2023

Just hide the navigation on a such small screen

The navigation was introduced by accident on mobile screens, meaning we should just remove it then again like before.

@JuliaKirschenheuter JuliaKirschenheuter force-pushed the fix/41542-Horizontal_scrolling_appears_on_small_screens_in_app_settings_navigation branch from 57295a6 to 375ff23 Compare November 17, 2023 09:10
Copy link
Contributor

@susnux susnux left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works but not sure if we do not want to simply v-show="!isCollapsed" but for the moment this fixes the issue, works and looks good!

@AndyScherzinger AndyScherzinger added this to the 8.1.1 milestone Nov 17, 2023
@JuliaKirschenheuter JuliaKirschenheuter force-pushed the fix/41542-Horizontal_scrolling_appears_on_small_screens_in_app_settings_navigation branch from 375ff23 to 67864fc Compare November 17, 2023 13:06
… in app settings navigation

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
@JuliaKirschenheuter JuliaKirschenheuter force-pushed the fix/41542-Horizontal_scrolling_appears_on_small_screens_in_app_settings_navigation branch from 67864fc to 17d6da4 Compare November 17, 2023 14:11
@JuliaKirschenheuter JuliaKirschenheuter merged commit d0dfac8 into master Nov 17, 2023
15 checks passed
@JuliaKirschenheuter JuliaKirschenheuter deleted the fix/41542-Horizontal_scrolling_appears_on_small_screens_in_app_settings_navigation branch November 17, 2023 16:07
@susnux susnux mentioned this pull request Nov 17, 2023
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BITV]: Horizontal scrolling appears on small screens in app settings navigation
6 participants