feat(ui): harmoniser navigation pages d’entrée et recherche #323
Assignees
Archicratia
Clear assignees
Archicratia
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: Archicratia/archicratie-edition#323
Reference in new issue
Block a user
🎯 Objet
Harmonisation UI navigation + intégration robuste de la recherche Pagefind
🧭 Contexte
Cette PR vise à unifier l’expérience de navigation et stabiliser le système de recherche sur l’ensemble du site (pages d’entrée, lecture, recherche).
Elle s’inscrit dans la finalisation de l’étape 17 (cohérence UI + recherche).
✨ Changements principaux
Refonte .site-nav :
boutons homogènes (pill UI)
meilleure lisabilité mobile / tablette / desktop
hover / interaction stabilisés
Header :
z-index renforcé
blur + contraste ajustés (dark/light)
Introduction d’un système .landing-* :
hero structuré
sections homogènes
cartes de navigation
Responsive complet :
mobile
tablette (portrait + landscape)
petits écrans horizontaux
Intégration fonctionnelle complète :
build OK
indexation OK (133 pages, ~15k mots)
Comportement confirmé :
recherche par racine (ex: archicratie → archicratique)
normal (stemming Pagefind)
Correction du long-press
meilleure tolérance de mouvement
gestion spécifique des devices coarse pointer
Correction scroll fantôme iPad
Stabilisation du menu contextuel paragraphes
Suppression du système legacy mobile-toc-collapse
Unification du comportement :
mobile/tablette → fermé par défaut
desktop → auto-collapse top-zone
Suppression des double listeners parasites
Ajustements responsive avancés :
iPad landscape intermédiaire (981–1220px)
correction overflow / grid
meilleure distribution aside / contenu
🧪 Validation
✅ npm test complet OK
✅ build Astro OK
✅ Pagefind index OK
✅ audit dist OK
✅ ancres validées (reset volontaire accepté)
✅ aucun JS inline invalide
⚠️ Points d’attention
Les resets d’ancres sont intentionnels (réimport DOCX + stabilisation doctrinale)
Aucun impact backward attendu (site sans annotations actives)
🚀 Résultat
UI cohérente sur toutes les pages clés
Navigation plus claire et plus robuste
Recherche pleinement opérationnelle
Expérience mobile/tablette nettement améliorée (notamment iPad)
🔜 Suite possible (non bloquant)
Raffinement du scoring Pagefind (ranking weights)
Eventuel filtrage lexical plus strict (si besoin éditorial)
UX recherche (highlight, grouping)