Bug #67244
Problème d'affichage des boutons d'actions dans l'en-tête d'une page
0%
Description
Sur un certain nombre de pages du backoffice qui contiennent plusieurs boutons d'action dans le header, on assiste à des problèmes de contenus masqués ou superposés tels que décrits dans https://dev.entrouvert.org/issues/67170
Plus il y a d'actions possibles et plus le titre est long et plus la probabilité est importante, y compris sur des écrans relativement larges. Voici quelques pages qui présentent ce problème (liste possiblement non exhaustive, je ne connais pas encore toutes les briques) :
- wcs: /backoffice/forms/
- wcs: /backoffice/cards/
- wcs: /backoffice/workflows/
Une solution possible est de réduire le nombre d'actions immédiatement disponibles, en les groupant derrière un menu bullet. Cela marche mais rend aussi plus complexe l'utilisation des fonctionnalités qui ne sont pas visibles au premier coup d'oeil, et réduit l'accessibilité.
Dans l'immédiat, le problème peut d'affichage peut-être mitigé en utilisant flexbox dans l'appbar plutôt qu'un positionnement absolu/flottant. Le rendu ne sera pas toujours idéal, mais toutes les actions resteront accessibles. Un effet de bord positif du passage à flexbox est que cela règle un autre problème : le positionnement flottant inverse l'ordre de défilement des éléments en cas de navigation en clavier. ce n'est plus le cas avec flexbox.
Fichiers
| Screenshot 2022-07-11 at 15-11-27 Backoffice de Démarches - Workflows.png (73,1 ko) Screenshot 2022-07-11 at 15-11-27 Backoffice de Démarches - Workflows.png | Comportement actuel (boutons masqués) | ||
| Screenshot 2022-07-11 at 15-11-07 Backoffice de Démarches - Workflows.png (78,8 ko) Screenshot 2022-07-11 at 15-11-07 Backoffice de Démarches - Workflows.png | Comportement avec flexbox (boutons toujours visibles). | ||
| 0001-flexbox.patch (914 octets) 0001-flexbox.patch |
Demandes liées
Historique
Mis à jour par A. Berriot il y a presque 2 ans
- Lié à Development #67170: BO - Améliorer l'affichage des boutons de navigation du studio /backoffice/ ajouté
Mis à jour par A. Berriot il y a presque 2 ans
- Fichier 0001-flexbox.patch 0001-flexbox.patch ajouté
- Tracker changé de Support à Bug
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Le patch basique utilisé pour arriver au résultat de ma deuxième capture d'écran (c'est pas du tout prêt pour la prod mais ça donne une idée)
Mis à jour par Frédéric Péters il y a presque 2 ans
- Patch proposed changé de Oui à Non
Sur le sujet dans un coin j'avais aussi cette branche pas ok https://git.entrouvert.org/wcs.git/commit/?h=wip/xxxxx-flex-backoffice
Mis à jour par Anaïs Ecuvillon → en congés, retour le 30/04 il y a environ un an
- Statut changé de En cours à Fermé
Problème d'affichage résolu avec le ticket #74651