microsoft / microsoft/AdaptiveCards
[Designer] (November 2023) New Microsoft Teams Adaptive Card rendering wastes a lot of space
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 2k
- Forks
- 595
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 1
Description
Problem Description
Adaptive Cards rendering in new Microsoft Teams Version 1.6.00.29964 (64-bit)+ wastes a lot of space:
You can see from the above that they can't even fit 3 cards into 1 full window view (1920x1080).
Each card only has a heading with 3 lines of normal size text and a hyperlink at the end.
Zooming out one-level to 85% is not a solution as the text becomes too small (separate problem is why we can't zoom out to exactly 90%?)
The spacing / padding below the author / sender and the start of the card "Container" is way too much.
Card JSON
{
"type": "message",
"attachments": [
{
"contentType": "application/vnd.microsoft.card.adaptive",
"contentUrl": null,
"content": {
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"padding": "None",
"msTeams": {
"width": "full"
},
"body": [
{
"type": "Container",
"padding": "Default",
"spacing": "None",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "Main Heading",
"color": "good",
"spacing": "Small",
"wrap": "true",
"weight": "Bolder",
"size": "Small"
},
{
"type": "FactSet",
"facts": [
{
"title": "Line 1",
"value": "{{Redacted}}"
},
{
"title": "Line 2",
"value": "{{Redacted}}"
},
{
"title": "Line 3",
"value": "{{Redacted}}"
}
]
},
{
"type": "TextBlock",
"text": "[View on {{Redacted}}](https://www.google.com/)",
"wrap": true
}
]
}
]
}
}
]
}
Screenshot
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source file or test is identified in the issue. Reproduce the supplied Adaptive Card JSON in Microsoft Teams version 1.6.00.29964 or later and compare the sender-to-Container spacing; done means the excessive whitespace is resolved without making the text too small.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- csharp
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100