3.0.0 (2024-10-28)
Impacts sur les sites/applications existantes (breaking changes)
-
Taille de font des entêtes modifiée
La plupart des entêtes (H1, H2, etc.) sont un peu plus grosses qu'avant afin que notre modèle "applicatif" utilise les tailles de font mobiles définies dans le système de design gouvernemental.
Nous utilisons les tailles de font mobiles en mode "bureau" car UTD est utilisé essentiellement pour des applications internes. Les tailles de font "bureau" définies dans le système de design sont destinées à des sites publics et ne sont vraiement pas adaptées pour des applications interne. Les tailles mobiles qu'ils ont définit sont beaucoup plus appropriée.
Le changement est somme toute mineure, mais il aura un petit impact visuel sur vos sites/applications. Si vous jugez que les nouvelles tailles d'entête sont trop grosses, il vous est possible de redéfinir la taille des entêtes dans votre CSS.
-
Visuel des libellés de champs modifié
Le visuel des libellés de champs est maintenant conforme avec ce qui est défini dans le système de design gouvernemental.
Le texte est plus gras, la graisse du texte est maintenant "bold" au lieu du "semi-bold".
-
Visuel des messages d'erreurs modifié
Le visuel des messages d'erreurs est maintenant conforme avec ce qui est défini dans le système de design gouvernemental.
Une icône d'avertissement rouge a été ajoutée devant les messages et le texte est plus gras (la font est maintenant semi-bold).
Corrections d'anomalies
-
Composant accordeon. Retrait de la bordure du bas dans l'enête de l'accordéon lorsque ce dernier est ouvert. Modifié afin de se conformer au système de design gouvernemental.
-
Composant liste déroulante. Lorsque l'attribut disabled ou readonly d'une liste déroulante était modifiée (via le select natif) APRÈS le chargement de la page, le changement d'état n'était pas pris en compte et la liste demeurait dans son état initial. Ex. Si on tentait de désactiver une liste déroulante après le chargement de la page, ça ne fonctionnait pas.
Lorsque qu'une liste était définie sans option (ce qui ne devrait jamais arriver), le composant plantait. Maintenant la liste est rendue sans option, comme un select natif.
Améliorations
-
Ajout du composant onglets. Ne fonctionne qu'en mode "bureau". Aucune gestion de défilement des onglets qui est rarement nécessaire.
-
Ajout du composant section filtres recherche.
-
Iconographie, ajout de 5 icônes (code, code-fichier, fleche-deux-pointes, oeil et modifier) et léger épaississement du trait de l'icône "télécharger", afin qu'elle soit plus visible.
-
Composants tableaux et tableaux dynamiques. Ajout du style minimal pour les pieds de tableaux (tfoot). Comme il y a plusieurs cas de figure, pour le moment on se limite au padding et à la taille de font pour uniformiser avec le reste du tableau.
Pour le moment libre à vous, au besoin, de styler la couleur de font, la graisse de police de caractères, etc.
La hauteur de l'entête en mode ultra-compact est maintenant d'un minimum de 40px.
-
Composant tableaux dynamiques. Modification des icones de tri en entête de tableau afin de se conformer à la fiche en cours d'évaluation dans le système de design du Gouvernement du Québec.
-
Composant champs texte. Ajout d'un attribut permettant de bloquer le collage dans les champs.
Des modifications aussi été effectuées afin de supporter l'utilisation dans des pages MVC Razor, ainsi que dans Blazor. Des exemples d'utilisation ont été ajoutés.