Replit Agent 32cd634c0f Active nav green fill follows page ...

Task #12: Make the solid green fill the moving active-page indicator in the
header nav, matching the real ehsan.sa (where the current page's nav item is
filled solid green and that fill moves as you navigate).

Changes (artifacts/ehsan-poc/src/components/layout/Header.tsx):
- Desktop "الرئيسية" (Home): now solid green fill (bg-primary, white text,
  bold) only when on "/"; plain text otherwise.
- Desktop "فرص التبرع" (Opportunities): removed the always-on green CTA
  background and the active ring/outline. Now plain text (keeps its chevron)
  when inactive, and solid green fill only when on "/opportunities".
- Replaced the previous thin-outline/border active treatment on Home with the
  shared solid-green-fill active style so both links use one consistent
  indicator that moves with the route.
- Mobile nav: Home and Opportunities links updated to the same moving
  solid-green active fill for cross-breakpoint consistency.

Out of scope (unchanged): non-route placeholder items (الوقف، عن إحسان،
براعم إحسان), the services mega-menu layout/contents and its trigger.

Verified: tsc --noEmit clean; screenshots confirm green fill on الرئيسية at
"/" and on فرص التبرع at "/opportunities" with the other reverting to plain
text; console clean after workflow restart. No emojis. Bilingual unaffected.

2026-06-05 18:52:51 +00:00

350 KiB

1912x565px

Raw History