Server: Navigation Bar early Dropdown on medium sized screens

Created on 30 Jun 2020 · 5Comments · Source: nextcloud/server

How to use GitHub

Please use the 👍 reaction to show that you are affected by the same issue.
Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
Subscribe to receive notifications on status change and new comments.

Steps to reproduce

Open Nextcloud on any page (e.g. Files)
Resize the Browser window to 1811 pixel width or smaller
Look at the Navigation bar

Expected behaviour

The Navigation bar should still show all icons next to each other because there is enough space for them (the screenshot is taken with 1812 pixel width). This should only change when the icons don't fit on the screen anymore.
grafik

Actual behaviour

At 1811 pixel or smaller some icons are moved to the dropdown. On a 1366x768 screen this is unfortunately always the case
grafik

Server configuration

Operating system:
Raspberry PI

Database:
mysql 10.3.17

PHP version:
7.3.11

Nextcloud version: (see Nextcloud admin page)
NextCloudPi 18.0.5

List of activated apps:

App list

Accessibility
Activity
Calendar
Collaborative tags
Comments
Contacts
Deck
Deleted Files
Federation
File sharing
First run wizzard
Log Reader
Monitoring
News
Nextcloud announcements
NextCloudPi
Notes
Notifications
Password policy
PDF viewer
Photos
Privacy
Recommendations
Right click
Share by mail
Support
Tasks
Text
Theming
Update notification
Usage survey
Versions
Video Player

Client configuration

Browser:
Firefox

Operating system:

Windows 10
Arch Linux

0. Needs triage bug design

Source

DragonDev1906

All 5 comments

cc @nextcloud/designers

kesselb on 30 Jun 2020

So … @karlitschek @juliushaertl what do you think?

We have more and more apps, especially with Nextcloud Hub, and limiting this to 8 seems more and more restrictive. Yes we should also not let the apps take the whole header but leave some space between the icons on the right.

I would increase the limit to not use 33% of the width on large screens, but possibly 67%. This will make it look just fine on initial install, but also make it easy to access your other apps if you use Nextcloud a lot.