Update design of related resources panel

[Pytal]

Before	After

• Using icons instead of repeated subline
• Have a short explanatory text below the heading as per mockup
• Whole entry should be clickable

coreApps and appswebroots data was added to resolve some console errors in the styleguide

[PVince81]

in the original mock up the circles of related resources were aligned with the ones on top

now, it seems the highlight needs some margin anyway to be able to appear, so perhaps it's rather the sharing items that need indenting ? I'm guessing that those don't yet have the new highlight style

[PVince81]

it already looks much better!

[PVince81]

👍 ok to move forward though, indent topic can be addressed separately if needed

[nickvergessen]

Fix dark mode detection

[jancborchardt]

Looks very nice already! Some additional feedback (all as per mockup):

• The heading and subline:
  • Can use even more whitespace above, e.g. 44px Align sharing tab content and increase spacing nextcloud/server#34062
  • Should be indented to be left-aligned with the rest of the text as per mockup
  • The heading "Related resources" can be bold for better scannability
• The entries
  • Should not be bold
  • Don't need the starting slash for Files remove prefix slash nextcloud/related_resources#24
  • The text alignment with the share part up top as @PVince81 mentioned :)

Otherwise nice!

[jancborchardt]

Ah and btw, the subline wording

Anything shared eith the same group of people will show up here

is this still how the algorithm works? Or is it drastically different? @ArtificialOwl
If so we might have to reword.

[ArtificialOwl]

There is 2 pass:

• The first one is to get all shares on the current displayed item (file, board, room, ...), and for each entity the item is shared to, get the list of shared items.

• The second one will weight each returned result based on some factors (how many equivalent shares vs total of shares, the timestamp between the shares, keywords, ...)

[Pytal]

Styles + screenshot updated

[Pytal]

Requires release with upstream fixes

• l10n nextcloud/related_resources#21
• path to icon nextcloud/related_resources#22
• remove prefix slash nextcloud/related_resources#24

[PVince81]

@jancborchardt please recheck the screenshots

note: if we don't get feedback we'll merge anyway later today to get it shipped and further changes will need to happen separately

[jancborchardt]

Awesome work @Pytal, looks really great now! :)

Fixed