Components.AI: Add responsive page, drawer, bubble, and composer layouts
- Dominant language
- C#
- Stars
- 38.4k
- Forks
- 10.9k
- Avg merge
- 2d 6h
- Merged PRs (30d)
- 290
Description
### Is your feature request related to a problem? Please describe the problem.
The built-in UI has no responsive media queries and does not account for touch targets or the mobile on-screen keyboard.
### Describe the solution you'd like
Add adaptive layouts for full page, drawer, bubble, message chrome, and composer. Preserve essential controls, appropriate touch targets, readable messages, and composer visibility while the virtual keyboard is open.
### Additional context
Leaf task for #68227 requirement L3 and journey 15.
Contributor guide
Research direction
Start by reading the Components.AI context in #68227, especially requirement L3 and journey 15, then identify the implementation entry points for the full page, drawer, bubble, message chrome, and composer layouts. Done means responsive behavior addresses touch targets, readable messages, essential controls, and composer visibility while the virtual keyboard is open.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- csharp
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 45/100