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

  1. Install the Horizon Aid site template (Varbase 11 + Horizon Aid recipe).
  2. Visit the home page's "Where We Work" section, or any country's own page "See Other Countries" section.
  3. Hover/focus a country card.
  4. 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

Command icon 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

rajab natshah created an issue. See original summary.

  • rajab natshah committed eda7c134 on 1.0.x
    fix: #3615208 Show a description on the Where We Work country cards
    
rajab natshah’s picture

Assigned: Unassigned » josebc
Status: Active » Needs review
Issue tags: +horizonaid-1.0.0-alpha1
rajab natshah’s picture

Assigned: josebc » mohammed j. razem
rajab natshah’s picture

Assigned: mohammed j. razem » Unassigned
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.