fix(b3): M3 — vue Fiches mobile pleine hauteur, intention avant le compteur

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Jules
2026-09-25 12:23:52 +02:00
co-authored by Claude Sonnet 5
parent 1838f4b02d
commit 13af3fa1c5
3 changed files with 55 additions and 41 deletions
+22 -18
View File
@@ -310,10 +310,29 @@
</ClientOnly>
</div>
<!-- Fond neutre pour l'onglet « Fiches » (pas de carte dessous) -->
<div v-show="mobileMapView === 'fiches'" class="absolute inset-0" style="background: var(--nav-bg-alt);" />
<!-- Zone « Fiches » mobile (B3-M3) — pleine hauteur sous la barre d'onglets,
pas de carte dessous donc pas de sheet demi-hauteur (même logique que
la vue graphe qui masque déjà le MobileSheet). Fix 2026-09-25 : la
version précédente empilait un second MobileSheet (état half par
défaut) au-dessus d'un fond neutre plein écran, laissant ~45% de
hauteur vide au-dessus du panneau. -->
<div
v-show="mobileMapView === 'fiches'"
class="absolute inset-0 flex flex-col overflow-hidden"
style="background: var(--nav-bg-alt);"
>
<FichesPanel
:fiches="allStructuresMini"
:hashtags="allHashtags"
:selected="selectedHashtags"
:query="search"
intention="Toutes les agences et réseaux du répertoire, filtrables par hashtag."
@update:selected="selectedHashtags = $event"
@open="(fiche) => onSelectStructureMobile(String(fiche.id))"
/>
</div>
<!-- Bottom sheet swipable (masqué en vue graphique pour ne pas occulter le canvas) -->
<!-- Bottom sheet swipable (masqué en vue graphique et en vue fiches) -->
<ClientOnly v-if="mobileMapView !== 'graphe' && mobileMapView !== 'fiches'">
<MobileSheet :resultCount="filtered.length" :pending="pending">
<!-- Bandeau intention mobile -->
@@ -405,21 +424,6 @@
</div>
</MobileSheet>
</ClientOnly>
<!-- Bottom sheet — onglet « Fiches » mobile (B3-M3), contenu dédié -->
<ClientOnly v-else-if="mobileMapView === 'fiches'">
<MobileSheet :resultCount="filtered.length" :pending="pending">
<FichesPanel
:fiches="allStructuresMini"
:hashtags="allHashtags"
:selected="selectedHashtags"
:query="search"
intention="Toutes les agences et réseaux du répertoire, filtrables par hashtag."
@update:selected="selectedHashtags = $event"
@open="(fiche) => onSelectStructureMobile(String(fiche.id))"
/>
</MobileSheet>
</ClientOnly>
</div>
</main>