Project

General

Profile

Bug #67244

Problème d'affichage des boutons d'actions dans l'en-tête d'une page

Added by Agate Berriot 7 months ago. Updated 7 months ago.

Status:
En cours
Priority:
Normal
Assignee:
-
Category:
-
Target version:
-
Start date:
11 July 2022
Due date:
% Done:

0%

Estimated time:
Patch proposed:
No
Planning:
No
Club:
No

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.


Files

Screenshot 2022-07-11 at 15-11-27 Backoffice de Démarches - Workflows.png (73.1 KB) Screenshot 2022-07-11 at 15-11-27 Backoffice de Démarches - Workflows.png Comportement actuel (boutons masqués) Agate Berriot, 11 July 2022 03:11 PM
Screenshot 2022-07-11 at 15-11-07 Backoffice de Démarches - Workflows.png (78.8 KB) Screenshot 2022-07-11 at 15-11-07 Backoffice de Démarches - Workflows.png Comportement avec flexbox (boutons toujours visibles). Agate Berriot, 11 July 2022 03:11 PM
0001-flexbox.patch (914 Bytes) 0001-flexbox.patch Agate Berriot, 11 July 2022 03:17 PM

Related issues

Related to w.c.s. - Development #67170: BO - Améliorer l'affichage des boutons de navigation du studio /backoffice/ Nouveau08 July 2022

Actions

History

#1

Updated by Agate Berriot 7 months ago

  • Related to Development #67170: BO - Améliorer l'affichage des boutons de navigation du studio /backoffice/ added
#2

Updated by Agate Berriot 7 months ago

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)

#3

Updated by Agate Berriot 7 months ago

  • Status changed from Solution proposée to En cours
#4

Updated by Frédéric Péters 7 months ago

  • Patch proposed changed from Yes to No

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

Also available in: Atom PDF