Closed elias75015 closed 17 hours ago
@Kristell-5 ca correspond à ce que tu voudrais tester ? j'ai fait des screenshots à l'arrache, mais l'idée est juste d'afficher ou non des élements et de déplacer les boutons en mode mobile pour qu'ils soient sur la même ligne que la barre de recherche.
D'ailleurs il me semble que le DSFR impose une longueur minimale pour la barre de recherche non ? C'est compatible avec la proposition ?
Oui c'est exactement ça. Je vérifie pour la barre de recherche.
Autre question : est-ce que tu veux une transition pour l'ouverture / fermeture du panneau avancé ?
Oui, si possible avec un dépliement (1 seconde pour la sortie et 2 secondes pour la rentrée). Concernant la barre de recherche, elle doit permettre un minimum de 27 caractères, donc je vais refaire une proposition pour la version mobile.
OK on attend ta proposition mobile avant de se lancer
Fonctionnement décrit dans maquette figma pour réduire l'espace pris par la barre de recherche : doit se déplier au focus des éléments du widget, se replier à la perte de focus des éléments html du widget.
Traité dans les extensions : https://github.com/IGNF/geoportal-extensions-openlayers/pull/125
Toujours pas bon :
Les premiers retours utilisateurs font état d'une barre de recherche qui prend trop d'espace, aussi bien en mode desktop qu'en mode mobile.
L'idée serait de réduire l'espace pris par le panel en fonction du focus.
1 - le focus n'est pas sur l'input : Desktop :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/c4e778dc-5a4f-49b9-996e-2692ecfe682e)
Mobile :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/868c5811-061d-40be-9783-feee4129ecde)
2 - le focus est sur l'input : Desktop :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/2d856408-cc57-47c7-8cfd-17f5530063c2)
Mobile :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/edad2714-8ac0-4e95-a2a1-5e516cd5bd83)
3 - des suggestions d'autocomplétion apparaissent et le focus est sur l'input ou sur les résultats proposés : Desktop :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/9a6fffc7-24bb-42b2-b2d9-964efdbc1f32)
Mobile :![image](https://github.com/IGNF/cartes.gouv.fr-entree-carto/assets/6764800/2b13e1af-f393-4f1c-9edf-41daf41a0564)