RocketChat
fix(fuselage): Responsive `CardControls`
Proposed changes (including videos or screenshots)
Added flex-wrap in the CSS of Cards for CardControl component. Things that have been kept in mind are:-
- Wrap is not essential for horizontal cards in desktop view.
- Wrap is enabled for horizontal cards in mobile view.
- In every other case, flex-wrap is essential for responsive behaviour.
- Made Carcontrol into a box component for better integration.
https://github.com/user-attachments/assets/ac6b0c39-c7a3-4dc8-ba7e-c592d18bbc4b
Issue(s)
Closes #1440 #31614
Further comments
There are other ways to go around it but this felt appropriate and fixes the issue.
🦋 Changeset detected
Latest commit: e2a79ef1760a05970cf574811f9367b1437b96b3
The changes in this PR will be included in the next version bump.
This PR includes changesets to release 1 package
| Name | Type |
|---|---|
| @rocket.chat/fuselage | Patch |
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
![changeset-bot[bot] avatar](https://avatars.githubusercontent.com/in/28616?v=4 "Published by a pub.dev verified publisher"){kind=small}
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.
Hey Henrique! I just saw a repetition of code caused by previous commit. I fixed that in the latest commit. Now everything looks fine to me. Can you please check?
Hey @rique223! All the changes requested by you are done from my side. Let me know if you are looking for something else.