Petites améliorations de l'interface utilisateur

alhyss commented 2 years ago

[x] @WREATCHED Dans les fiches de métadonnées, augmenter la marge entre la bordure haute des groupes et leur contenu pour éviter les labels de groupes à demi recouverts par des widgets.
[x] @WREATCHED Homogénéisation de l'apparence des widgets de date avec celle des autres widgets : pas de bordure, même icône de flèche pour le menu.
[x] @WREATCHED (ou @alhyss si nécessite de modifier les SVG) Diminution de la taille des boutons plus et moins.
[x] @alhyss Colorer les icônes principales du menu, pour les rendre plus aisées à identifier.
[x] @WREATCHED Définir des raccourcis clavier sur les principales actions du menu : CTRL+E ; CTRL+S ; CTRL+T ; CTRL+R (ou autre).
[x] @WREATCHED Homogénéiser l'apparence des menus de la barre d'outils. À date le menu de l'export est différent des autres (fond plus clair + bordure).
[x] @WREATCHED Nouvelles couleurs par défaut pour les éléments de l'interface, issues de la nouvelle palette de la charte graphique de l'Etat.

alhyss commented 2 years ago

Je n'ai pas mis CTRL+S et CTRL+V pour les copier/coller de fiches de métadonnées, parce qu'en fait l'utilisateur en a beaucoup plus besoin pour copier les métadonnées à l'intérieur des widgets !

WREATCHED commented 2 years ago

Définir des raccourcis clavier sur les principales actions du menu et aide dans l'infobulle

ça fonctionne super bien

alhyss commented 2 years ago

Pourquoi il ne veut pas de Ctrl+S 😭 ???

Ctrl+I, ce n'est pas super pratique puisqu'il faut le faire à deux mains (ou avoir de très grandes mains)...

J'hésite entre deux approches :

Soit on prend juste un raccourci confortable pour la sauvegarde, même s'il ne sera pas très intuitif. Genre Ctrl+D s'il est dispo.
Soit on définit tous les raccourcis claviers avec Ctrl+Shift+ au lieu de Ctrl+ - sous réserve qu'ils soient tous dispo dans ce cas.

@WREATCHED Tu en penses quoi ?

WREATCHED commented 2 years ago

Suite à notre concertation, on mettra Alt+Maj+Lettre Ex : pour sauvegarder : Alt+Maj+S

WREATCHED commented 2 years ago

On pourra pour le Copier Alt+Maj+C et le Coller Alt+Maj+V

WREATCHED commented 2 years ago

J'ai rajouter vider la fiche de métadonnées avec Alt+Maj+B pour Blank Tout fonctionne

Sept raccourcis :

WREATCHED commented 2 years ago

Homogénéisation de l'apparence des widgets de date avec celle des autres widgets : pas de bordure, même icône de flèche pour le menu.

Avis ?

WREATCHED commented 2 years ago

Et aussi

alhyss commented 2 years ago

Pour les dates, le style du bouton de la flèche n'est toujours pas exactement le même que les autres. Il y a un effet pseudo-3D sur celui-là, tes boutons habituels sont en 2D (et plus jolis).

Ok pour les unités de durée ! C'est vrai que c'est plus logique de ne pas pouvoir cliquer sur le texte, considérant que ça ne faisait rien... Est-ce que tu as la possibilité d'ajouter un brin d'espace entre le texte et le bouton ? Est-ce que tu vas faire ça pour tous les boutons similaires (boutons de choix de la langue et boutons de choix de la source) ?

WREATCHED commented 2 years ago

Pas si simple

alhyss commented 2 years ago

@WREATCHED J'ai poussé les nouvelles icônes. N'hésite pas à critiquer si certaines ne te plaisent pas !

Barre des menus : read save translation fr template Mon modèle copy_all paste_all empty import export configuration info verrou

Icônes modifiées du formulaire : plus_button minus_button source_button show

Je dois encore reprendre les autres icônes du bouton d'aide à la saisie des géométrie et celle du bouton de calcul pour remplacer leurs couleurs par celles de la nouvelle palette de la charte graphique, mais ce n'est pas pressé. Dans la même veine, il y aura de la substitution à faire sur les couleurs par défaut pour les groupes de valeurs, groupes de propriétés, etc. Je te dirai.

Autres icônes modifiées : delete (pour la suppression des URL de CSW mémorisées)

WREATCHED commented 2 years ago

C'est Ok pour moi Juste du coup, notre éléphant fait un peu triste Une idée pour la "Save" avec tes couleurs , ce qui pourrait donner cela

alhyss commented 2 years ago

@WREATCHED Je t'avais promis de nouvelles couleurs par défaut conformes à la nouvelle palette de la charte graphique de l'Etat :

BlocsColor\defaut=#a38e63
BlocsColor\QGroupBox=#a38e63
BlocsColor\QGroupBoxGroupOfProperties=#a38e63
BlocsColor\QGroupBoxGroupOfValues=#465f9d
BlocsColor\QGroupBoxTranslationGroup=#e18b76
BlocsColor\QTabWidget=#cecece
BlocsColor\QLabelBackGround=#e3e3fd
BlocsColor\geomColor=#a38e63
BlocsColor\activeTooltipColorBackground=#fee9e9

J'ai rajouté une case à cocher pour ça dans le premier message.

Globalement, je suis restée dans les mêmes tons :

Café #a38e63 pour les groupes de propriétés et les géométries (je l'ai mis aussi sur defaut et QGroupBox, comme avant, mais je ne sais pas à quoi ils servent ?).
Écume #465f9d pour les groupes de valeurs.
Macaron #e18b76 pour les groupes de traduction.
Un dérivé du rouge Marianne #fee9e9 pour l'arrière-plan des infobulles.

Deux différences notables :

J'ai mis du gris #cecece pour les onglets, car je commençais à trouver qu'il y avait un peu trop de couleurs.
Pour la même raison (et aussi parce qu'il n'y avait pas de vert d'eau adapté dans la nouvelle palette), je suis partie sur un fond bleuté #e3e3fd pour les labels.

Par ailleurs, je trouve que le fond coloré sous les boutons actifs gagnerait aussi à être plus neutre maintenant que les boutons sont de toutes les couleurs. Je propose du gris #cecece. Accessoirement, si ce n'est pas trop long à faire, ça pourrait valoir le coup d'en faire aussi un paramètre utilisateur ? Les couleurs qui passent bien en mode jour ne sont pas forcément aussi satisfaisantes en mode nuit ou nuances de gris. Je n'ai pas eu le temps de tester.

WREATCHED commented 2 years ago

News colors

WREATCHED commented 2 years ago

Boutons actifs

alhyss commented 2 years ago

C'est de plus en plus joli 🤩 !

MTES-MCT / metadata-postgresql

Petites améliorations de l'interface utilisateur #77