adobe / adobe/aio-theme

Minicard component issues and features fixes

Open
#1,528 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
77
Forks
47
PR merge metrics
No merged PRs in 30d

Description

Minicard component has some css issues (errors and needs some features), adding text content as optional and also make the whole card as a link.

**No semi-colon here:**
https://github.com/adobe/aio-theme/blob/c293c01ac7340e498dacb6cb0716f8406638fb83/packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js#L67

Results in the height not being set properly.

**Text content should be option-able. This check will fail and throw an error if no text content is present:**
https://github.com/adobe/aio-theme/blob/c293c01ac7340e498dacb6cb0716f8406638fb83/packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js#L103C9-L103C9

The https://github.com/AdobeDocs/express-for-developers/ has a use-case of using the Minicard component without text body:
https://github.com/AdobeDocs/express-for-developers/blob/main/src/pages/index.md?plain=1#L80

**The whole card should act as a link. May need another variant to support this as only the image is clickable.**

Contributor guide

Open the contributing guide

Research direction

Start with packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js at the referenced lines, then compare the component usage in AdobeDocs/express-for-developers/src/pages/index.md. Done means the height styling works, text content is optional without an error, and the requested whole-card link behavior is supported.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.