Skip to content

fix(teams): circular Talk previews and border-radius-small for Files previews#2494

Open
jancborchardt wants to merge 1 commit into
masterfrom
fix/noid/teams-talk-circular-previews
Open

fix(teams): circular Talk previews and border-radius-small for Files previews#2494
jancborchardt wants to merge 1 commit into
masterfrom
fix/noid/teams-talk-circular-previews

Conversation

@jancborchardt
Copy link
Copy Markdown
Member

@jancborchardt jancborchardt commented May 27, 2026

Fixes the previews in Teams not looking correct. Together with nextcloud/contacts#5359

Before After
Screenshot From 2026-05-27 14-02-23 Screenshot From 2026-05-27 13-56-28

Summary

  • Adds type? field to ITeamResource so resource provider can be identified in the frontend
  • Talk conversation preview boxes get border-radius-pill (circular) via the new team-resources__box--talk modifier class
  • Files preview boxes change from border-radius-element to border-radius-small, with overflow: hidden added for proper image clipping

Test plan

  • Open the Teams view in Contacts
  • Confirm Files image previews have small rounded corners (border-radius-small)
  • Confirm Talk conversation avatars are circular when type: 'talk' is set on the resource

🤖 Generated with Claude Code

…previews

- Add `type?` field to `ITeamResource` so resource provider can be identified in the frontend
- Apply `border-radius-pill` to Talk conversation icon boxes for circular display
- Change Files preview box from `border-radius-element` to `border-radius-small` with `overflow: hidden` for proper clipping

AI-assisted: Claude Code (Sonnet 4.6)
Signed-off-by: Jan C. Borchardt <925062+jancborchardt@users.noreply.github.com>
@jancborchardt
Copy link
Copy Markdown
Member Author

Not sure about those extra file changes @hamza221 @cristianscheid, is that ok or unrelated?

@cristianscheid
Copy link
Copy Markdown
Member

Hi @jancborchardt, while testing this locally I noticed that the changes on circles repo are not actually needed, meaning the changes from contacts PR alone should do the work.

Below is a screenshot of my env with circle's master branch + contacts's fix/noid/teams-talk-circular-previews branch. Tested in anonymous tab and with hard refresh just to be sure:

Screenshot from 2026-05-27 18-28-21

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: 🏗️ At engineering

Development

Successfully merging this pull request may close these issues.

2 participants