Server: Responsiveness of design on large screens (like 4k displays)

Created on 16 Nov 2017  Â·  9Comments  Â·  Source: nextcloud/server

bildschirmfoto von 2017-11-16 11-45-27

I have a 4k monitor and still the word "Profile picture" is truncated? The text is not even available as title...

Can we improve this somehow?

cc @nextcloud/designers

1. to develop bug design settings

All 9 comments

Adding this to the list! 😂

@nickvergessen do you have two monitors side by side, or is the bottom truncated? Could you post a screenshot of the whole screen?

@skjnldsv @nextcloud/designers we need to talk about responsiveness also for huge displays. Like flexible units, automatic zooming, etc.

do you have two monitors side by side, or is the bottom truncated? Could you post a screenshot of the whole screen?

I cut it off, can post a full screen tomorrow

@jancborchardt I will work on responsiveness when I''ll start removing the absolute mess (pun intended) of the css content! :p

But some issues must be decided first. Some items still must have fixed max-width otherwise it will look stupid

Here is a full screen just for jan:

bildschirmfoto von 2017-11-17 09-03-37

Also I just notices: App management has no row hover effect, so it's hard to make the link between enable/disable button and the app name

bildschirmfoto von 2017-11-17 09-06-14

Ok, so we definitely should use flexible units so on a 4k monitor stuff should not be so small. @nickvergessen cause it is quite small, right? I assume the monitor is smth between 24"–30"?

@nickvergessen can you open a separate issue about the hover in user mgmt?

The screen is 27" it's a bit small, but not really harder to read compared with pages like twitter, fb, gh,... they are all pretty much the same.

File list without sidebar

bildschirmfoto von 2017-11-17 09-20-50

File list with sidebar

bildschirmfoto von 2017-11-17 09-21-06

User management

bildschirmfoto von 2017-11-17 09-21-19

Was this page helpful?
0 / 5 - 0 ratings