12 lines
2.0 KiB
Markdown
12 lines
2.0 KiB
Markdown
---
|
||
title: Dock de filtres en paysage — carte et parcours
|
||
area: visitapp
|
||
tags: visitapp-web, UI
|
||
flag: warn | Jamais vu tourner
|
||
src: todo-features.md § Design & UI
|
||
---
|
||
<p><strong>Deux calques se disputaient le coin bas-droit.</strong> Le lanceur de l'assistant est monté pour <em>toutes</em> les sections (<code>[configId]/layout.tsx</code>, <code>right:20/bottom:20/z-1200</code>) et recouvrait la bascule Carte/Liste de <code>MapSection</code> (<code>z-1000</code>) : c'est elle qui disparaissait. En parallèle le panneau de filtres, posé <code>left-3 right-3</code>, masquait en paysage la carte qu'on filtrait.</p>
|
||
<p><strong>Le parti vient de tablet-app</strong> (<code>Screens/Map/geo_point_filter.dart</code>) : en paysage, colonne vitrée à gauche — recherche, catégories, liste des points — la bascule Carte/Liste disparaît puisque le dock <em>est</em> la liste, et la fiche du point passe en colonne droite. Portrait inchangé, feuille basse. Même traitement pour la progression cartographiée de <code>ParcoursSection</code> (étapes à gauche, étape en cours à droite).</p>
|
||
<p>⚠️ <strong>Rien n'a été vu tourner</strong> : <code>next build</code> passe, mais <code>/api/ApplicationInstance</code> répond <code>[]</code> — la base est vide, il n'existe aucune instance à ouvrir. À reprendre dès qu'un jeu de données existe, et à éprouver dans les <strong>quatre</strong> combinaisons (téléphone/tablette × portrait/paysage), plus le cas < 420 px de haut où le dock doit démarrer replié.</p>
|
||
<p><strong>Primitives partagées, à réutiliser plutôt qu'à recopier</strong> : <code>ui/FloatingPanel.tsx</code> (dock ↔ feuille basse selon l'orientation), <code>ui/PointFilter.tsx</code> (recherche sans accents, cases, groupes), et surtout <code>--mim-assistant-inset-y/-x</code> + <code>.mim-clear-assistant</code> dans <code>globals.css</code> — l'encombrement de l'assistant est déclaré <strong>une fois</strong>, sinon la collision revient à la section suivante.</p>
|