Sharing sidebar needs more space or separation

[ChrisEdS]

Steps to reproduce

1. Share a document

Expected behaviour

The sharing UI is nice and clean, you can see at a glance where an element ends and a new one begins.

Actual behaviour

The view looks very pressed, the username almost protrudes into the permission schwitcher. Maybe it makes sense to create a visual separation with background contrast? But in any case there should be more space between the second and third element.

Version

ownCloud Web 5.5 RC9

[kulmann]

cc @tbsbdr

[ChrisEdS]

This can also become a problem in different languages? So Betrachter can become longer in some cases. Moving this part in a new row might make sense.

[kulmann]

At some point the right sidebar had more space. But maybe it would also help to align the role switcher to the bottom of the row and the three dots button above it 🤔

[ChrisEdS]

Yeah, that sounds like a good idea! This is what I thought as well.

[kulmann]

In case of public links we have all configuration options in a line at the bottom and the link itself at the top. Maybe we need to give the sharee name the full row width at the top and put sharee type and options in the line below.

[ChrisEdS]

Why we have User or Benutzer under the sharee name? Which other variation or types of users are possible?

[kulmann]

Why we have User or Benutzer under the sharee name? Which other variation or types of users are possible?

Group, Guest, Federated are the other share types

[ChrisEdS]

I see. That is needed then. Thanks for clarification.

[tbsbdr]

This is the current state of concept for a worstcase / very crowded scenario:

imo the ui above could be tidied up a lot if we decide to kill our darling, the 3-Dots and have everything within the dropdown:

--> would you consider killing the 3-Dots an improvement?

[tbsbdr]

Proposal:

• Without 3-Dots
• Icons more decent (not a11y compliant yet!)
• removed password-indicators from sharees (don't exist)
• moved indicators to the left
• actionable areas where primarily moved to the right
  (still not perfect - draft status..)

--> would you consider killing the 3-Dots an improvement?

[ChrisEdS]

Great stuff!

[kulmann]

@tbsbdr I don't get it, your mockup has huge amounts of horizontal space, while @ChrisEdS screenshot is a scenario with very little horizontal space.

[tbsbdr]

Jep, this is because the figma design was setup at 1920x1080 hardware-Pixels whereas Chris' (and many other laptop users resolution) might be ~1440 x 900 CSS-Pixels (equals 75% of 1920 width)

• 1440 should also be our target size for standard users (still not scientific-mode)

Scale down your browser zoom to 75% and you'll get the figma intended dimensions (which is to small imo)

If we tackle the dimension / scaling issue, I would recommend something like 85% compared to the current scale (~ 13-14 px for 1 REM)

others:
Onedrive, box and dropbox have 14px for standard text
Google drive has 13 px for standard text.
here in gh standard text is 14 px.

[AlexAndBear]

Current POC:

[tbsbdr]

as discussed with @janackermann :

• we only show the most important information in the sharee list
• Move "Type" and "Additional Info" to the backseat (-> "Access details" analogous to the "?"-Context helper)
• provide Info-i that shows on-click the "Access details"
• Access details can be extended in the future with more info like "Shared on" or "Shared by".