github PayGreen/paygreen-ui v0.8.0
Amélioration UI de plusieurs composants

latest releases: v1.4.2, v1.4.1, v1.4.0...
3 years ago

Par @OliviaGometz dans #122 💪

Changement de radius sur les champs

  • Feat : les composants DaInput, DaSelect, DaTextarea, DaHelp et DatePicker ont désormais un petit radius de 4px au lieu d'un design totalement arrondi aux extrémités. Pour remettre cet arrondi, il faut désormais passer la props isRounded à true : il est conseillé de garder cette option uniquement pour les champs centraux dans une page (exemple : barre de recherche) et dépourvus de label.
  • Feat : retrait du padding latéral sur les DaLabel pour coller à la suppression du radius des champs.
  • Feat : ajout de la props isRoundedfalse par défaut) sur les composants Message afin de lisser les changements d'arrondis appliqués aux champs aux Message qui les suivent souvent. Pour garder les arrondis des versions antérieures, il faut donc désormais forcer isRounded à true.

Sidebar

  • Feat : réduction de la largeur de la Sidebar
  • Feat : amélioration du hover des SidebarItem. Désormais, le isActive et l'effet de hover ont un style identique, qui est plus net et plus neutre que l'ancien effet de hover.

Largeur des éléments

  • Feat : ajout d'une props hasStaticWidthfalse par défaut) sur les Message pour les forcer à prendre toute la largeur disponible (au lieu de coller au contenu).
  • Fix : le Text prend bien toute la largeur de son parent Message lorsqu'il est en hasStaticWidth={true}
  • Feat : ajout de la props hasStaticWidthtrue par défaut) sur les InternalGrid. Lorsqu'elle est en false, l'InternalGrid se réduit au maximum autour de ses enfants.
  • Feat : ajout de la props align sur l'InternalGrid pour l'aligner à gauche, droite ou centré (left par défaut).
  • Feat : réduction de la largeur du DatePicker pour mieux coller au contenu du champ (à savoir une date au format JJ/MM/AAAA).

Don't miss a new paygreen-ui release

NewReleases is sending notifications on new releases.