[Bug]: Teams interface in Contacts papercuts

[jancborchardt]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

Content

• Almost no padding to the top, very squished
• Team avatar is strangely aligned, should be on top
• Links in descriptions not clickable
• Folder and collective filetype icons are too small
• File previews should be rounded rectangles, like in Files
• Talk conversation avatars should be circles, like in Talk
• Member list is horizontally cut off and has a scroll bar
• The content is limited in width more than it needs to, I think as also reported by @danxuliu

Left navigation

• Menu icon (3 dots) is black even in dark mode
• "Copy link" icon in action menu is black even in dark mode
• Teams info text should be color-text-maxcontrast
• Teams info text is not aligned with either the list entries nor the headings. Should probably be aligned with the headings (start a bit further left) as it’s a lot of text.

FYI @sorbaugh @kra-mo

Steps to reproduce

1. Open Contacts
2. Open a team

Expected behavior

See fix suggestions in the above section.

Nextcloud Server version

32

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

List of activated Apps

Nextcloud Signing status

Nextcloud Logs

Additional info

No response

[kra-mo]

I'd like to add some things if we're touching this anyway:

• "Leave team" buttons are using warning colors, should probably be error.
• The header is not adaptive to smaller screen sizes, it just cuts off:

• The strings and their ordering in the settings menu still hasn't been updated to the one in the initial mockup: