Skip to content

T3410 mycompassion homepage qa - #391

Merged
ecino merged 5 commits into
18.0from
T3410-mycompassion-homepage-qa
Sep 17, 2026
Merged

ecino merged 5 commits into
18.0from
T3410-mycompassion-homepage-qa

Conversation

@danpa32

@danpa32 danpa32 commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

T3410 — Fix failing quality test: MyCompassion homepage

Summary

QA on the MyCompassion portal homepage (/my2/dashboard) header/footer flagged around ten distinct visual failures. Most collapsed into three root causes rather than ten separate bugs, plus one genuine missing feature (language-specific footer content) and a round of header/menu visual polish.

Root causes fixed

  • Logo missing everywhere — the stock website.option_header_brand_logo view was stuck active=False (ships active="True" by default), so no website rendered a logo at all. Re-activated via migration.
  • Wrong top menu on mobile / "mobile footer" missingmy2_bottom_nav_on_web (an opt-in, per-website flag added by my_compassion_native for the app-style bottom tab bar) was never turned on for the MyCompassion website, so mobile browsers fell back to the regular header/footer. The bottom tab bar is the "mobile footer with direct action icons" the QA notes described as missing.
  • Gift/basket icon missing on desktop — the MyCompassion website had its own copy-on-write override of website_sale.template_header_default stuck active=False, so the cart-link injection (which the theme re-skins into a gift icon) only ever rendered on the mobile header.

Feature: language-specific footer content

Verified directly against production (compassion.ch) that the footer address, phone, and privacy-policy link genuinely differ by language — not a bug report artifact:

  • FR: Rue Galilée 3, 1400 Yverdon-les-Bains · +41 (0)24 434 21 24 · /protection-des-donnees/
  • DE: Parkterrasse 10, 3012 Bern · +41 (0)31 552 21 21 · /de/datenschutz/
  • IT: Parkterrasse 10, 3012 Bern · +41 (0)31 552 21 24 · /it/privacy-e-termini/

Added translatable footer_address / footer_phone / privacy_policy_url fields on website, falling back to the company's single address/phone when a language isn't set, seeded with the values above.

Also fixed

  • Footer address marker icon was top-aligned instead of vertically centered next to a wrapping 2-line address.
  • Language selector's globe icon was crowding the language label — shrunk it and added breathing room.

Header/menu polish (not QA-reported, done while in the area)

  • Desktop gift-basket icon repositioned to sit inline next to "Give" (always last in the menu) instead of the generic header icon cluster; dropped its default grey circular background; reworked its quantity badge (square corners, exact padding, properly centered digit — <sup> carries a browser-default vertical offset that silently fights custom alignment unless explicitly cleared).
  • MyCompassion menu text: smaller, neutral grey (theme's --mid-grey token), and its own vertical-centering fix within the header row.

Known local-environment-only issue (not fixed, not a code bug)

Most of the QA report's "missing icon" complaints (profile icon, gift icon glyph, language-selector icons, event-banner close button, footer contact icons) trace back to the already-known filestore gap — the underlying SVG attachments are missing from the local filestore snapshot, not from the code. It will be fixed on production.

danpa32 and others added 4 commits September 14, 2026 15:23
…er address/phone/policy link language-specific

Re-activates website.option_header_brand_logo (stuck active=False with no
per-website override, so the header logo never rendered on any website).
Fixes the footer's address icon being top-aligned instead of vertically
centered next to a wrapping 2-line address. Adds translatable
footer_address/footer_phone/privacy_policy_url fields on website, seeded
with the real per-language office contact info and policy page confirmed
on the live compassion.ch (FR: Yverdon-les-Bains office; DE/IT: Bern
office, distinct phone extensions), replacing the single fixed company
address/phone previously shown regardless of language. Also shrinks and
adds spacing to the language selector's globe icon so it doesn't crowd
the language label.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
…on header/menu styling

Re-activates the MyCompassion website's copy-on-write override of
website_sale.template_header_default (stuck active=False), which is why
the gift/basket icon only ever rendered on mobile, never on desktop.

Repositions the basket icon to sit inline next to "Give" (always last in
the menu, so it stays rightmost regardless of which conditional items
show) instead of the generic header icon cluster, drops the default
grey circular button background, and reworks its quantity badge (square
corners, exact padding, flex-centered digit, no default <sup> vertical
offset). Also shrinks the MyCompassion menu text, gives it a neutral grey
(theme's --mid-grey token), and fixes its own vertical centering within
the header row.

Minor unrelated touch-ups picked up along the way: a stray
child_profile_timeline.css padding fix and an Italian "Give" translation
correction.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
my2_bottom_nav_on_web (off by default, opt-in per country/website) was
never enabled for the MyCompassion website, so mobile browsers fell back
to the regular top header/footer instead of the intended app-style bottom
tab bar, which also doubles as the "mobile footer" this ticket expected.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@greptile-apps

greptile-apps Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

RetriggerConfidence Score: 5/5

Safe to merge; no outstanding issues require changes before merging.

What we checked:

  • Compared the 1280px desktop timeline layout and confirmed the current scoped selector has no matching descendant because the timeline sits outside the outer page container. T-Rex
  • Compared the former global selector with the current selector: the former removed the page wrapper’s 36px gutters, while the current stylesheet preserves them and leaves the timeline’s own spacing intact. T-Rex
  • Verified decisive output: literalContainerInsideTimeline: false and observed that current .cd-timeline .container has scopedMatches: 0. T-Rex
  • Concluded that no timeline container padding reset was required or lost because the page wrapper gutters remain at 36px and the timeline maintains its own 36px gutter. T-Rex
  • Inspected the before and after desktop timeline selector posters to visually validate the layout changes. T-Rex

Reviews (2) · Last reviewed commit: "[T3410] Address greptile review: scope c..."

Comment thread my_compassion/views/my2_header_menu.xml Outdated
Comment thread my_compassion/static/src/css/child_profile_timeline.css Outdated
Comment thread my_compassion/static/src/css/global.css Outdated
… styling, and timeline gutter fix to MyCompassion only

- The website_sale.header_cart_link visibility gate now only hides the
  cart item on the MyCompassion website's own old auto-injected spots;
  every other website keeps its standard cart link (was unconditionally
  hidden everywhere it isn't explicitly shown).
- global.css's menu-text styling now targets a dedicated .my2-nav-link
  class instead of the generic header .navbar-nav .nav-link, which was
  shipped in the shared frontend bundle and restyled every other
  website's navigation.
- child_profile_timeline.css's bare .container padding override (unrelated
  stray fix picked up in an earlier commit) is now scoped to .cd-timeline
  .container instead of every desktop .container on the site.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@ecino
ecino merged commit 07043d4 into 18.0 Sep 17, 2026
2 checks passed
@ecino
ecino deleted the T3410-mycompassion-homepage-qa branch September 17, 2026 09:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants