search

international-labour-organization / designsystem

A design system for the International Labour Organization
Apache License 2.0
1 stars 3 forks source link

All cards should be full-width on mobile, regardless of size #518

Closed justintemps closed 7 months ago

justintemps commented 9 months ago

Regardless of the size property passed to Cards, they should all be full width on mobile viewports.

bashlk commented 8 months ago

Clarification: "All cards" refer to all the components within the Cards folder. The Hero card is not included in this collection.

Screenshot 2023-11-08 at 10 15 31
GGKapanadze commented 8 months ago

Progress Update 📝

Initial research for which components/sizes are affected, need to check group ones too

Card Type Component name Size Width Problem
Default card * ❌
Text Card card_text standard, narrow ✅
Details Card card_detail standard, narrow ✅
Promo Card card_promo narrow ✅
Multilink Card card_multilink standard ❓ (Needs a bit more investigation)
Data Card card_data narrow ✅
Stat Card card_stat Standard, narrow, wide ✅
Fact List Card card_factlist * ❌