Problem/Motivation
The "Where We Work" country cards — both on the home page and on each country's own "See Other Countries" section — render a card with only the country name. No description shows, even though the design (Figma) specifies a short intro line that reveals on hover. The card component (sdc.vartheme_bs5_horizonaid.card-country, a separate SDC project) already has fully-built hover-reveal CSS/JS for exactly this effect — it had nothing to reveal because the Canvas content template never dropped a description into the card's content slot.
Steps to reproduce
- Install the Horizon Aid site template (Varbase 11 + Horizon Aid recipe).
- Visit the home page's "Where We Work" section, or any country's own page "See Other Countries" section.
- Hover/focus a country card.
- Observe: only the country title is present. No description text appears.
Proposed resolution
In config/canvas.content_template.node.country.card.yml, add a second component to the card's content slot: sdc.vartheme_bs5_horizonaid.text, bound to the Country node's field_description (label "Summary" — "A short introduction shown under the country title"), with text_color: text-white so it reads against the card's dark footer. Also add field.field.node.country.field_description to the config's own dependencies.config list (it becomes referenced). This matches the exact same binding pattern already used for this same field on canvas.content_template.node.country.full.yml.
AI-Generated: Yes
Remaining tasks
- ✅ File an issue
- ❌ Addition/Change/Update/Fix
- ❌ Testing to ensure no regression
- ➖ Automated unit testing coverage
- ➖ Automated functional testing coverage
- ➖ UX/UI designer responsibilities
- ➖ Readability
- ➖ Accessibility
- ➖ Performance
- ➖ Security
- ➖ Developer Documentation
- ➖ User Guide Documentation
- ❌ Reviewed by human
- ❌ Code review by maintainers
- ❌ Full testing and approval
- ❌ Credit contributors
- ❌ Review with the product owner
- ➖ Release notes snippet
- ❌ Release
User interface changes
- The "Where We Work" country card now shows a short description under the country title, revealed on hover/focus, matching the Figma design.
API changes
- N/A
Data model changes
- N/A
Release notes snippet
- N/A
Issue fork horizonaid-3615208
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #4
rajab natshah✅ Released horizonaid-1.0.0-alpha1
Comment #5
rajab natshahComment #6
rajab natshah