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 height to big for iPhone when using many apps #10276
Conversation
cc @nextcloud/designers |
@kevin147147 Could you explain the fix and also explain the issue? best with screenshots of before and after? |
Look at the bottom of the screenshots. The Dropdown-Menu is now fully visible. Before you could only barely touch the last entry. It has to do with using the viewport height: |
core/css/header.scss
Outdated
@@ -324,7 +324,7 @@ nav[role='navigation'] { | |||
/* Apps management */ | |||
|
|||
#apps { | |||
max-height: calc(100vh - 100px); | |||
max-height: calc(100vh - 200px); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you change this to inherit
then it looks perfect ;) We just tested it over here and then it looks how it is supposed to.
While doing this, amend the commit and add a sign-off message to the commit ;) See https://github.com/nextcloud/server/blob/master/CONTRIBUTING.md#sign-your-work for more details |
max-height: inherit doesn't do it for me. It then has the same height as before and the menu gets under the safari bar again like before. How did you test it? With a real iOS device? Sadly the responsive design modes in chrome, etc. will not show this bug. |
On small screens this would cut off too much? If it only is an issue in Safari mobile, can it be solved differently? (Like max-height: 80% or something else.) |
You can also set it to 80vh on mobile yes :) |
The issue is that there might always be smaller devices out there. iPhones are among the largest, and doing the calculation like "100% minus a set amount of pixels" just seems like not a good way to calculate (yes it was there before, but let's not make it worse :) Could you try with the 80vh as @skjnldsv mentioned? Thank you 😊 |
Let's wait here for #9982 as well, because it fixes the issue on iOS that the control bar of the browser is always there. |
That PR was merged. @kevin147147 could you please re-verify that the patch is still necessary? There have been lots of changes and fixes for Nextcloud 14 with the apps menu and there's the possibility that your issue has been fixed by that. Thanks! |
That works |
Perfect. Thank you for your feedback! |
Same story as nextcloud#10276 I'm testing on iPhone without home button. These devices now have an even higher bottom bar.
Same story as #10276 I'm testing on iPhone without home button. These devices now have an even higher bottom bar.
Same story as #10276 I'm testing on iPhone without home button. These devices now have an even higher bottom bar.
No description provided.