fuselage icon indicating copy to clipboard operation
fuselage copied to clipboard

Published 20 hours ago • verified publisher icon RocketChat

fix(fuselage): Responsive `CardControls`

Open Barrylimarti opened this issue 5 months ago • 5 comments

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:-

  1. Wrap is not essential for horizontal cards in desktop view.
  2. Wrap is enabled for horizontal cards in mobile view.
  3. In every other case, flex-wrap is essential for responsive behaviour.
  4. 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.

Barrylimarti avatar Sep 04 '24 04:09 Barrylimarti