Refacto et réorganisation CSS
Bilan sur le code actuel / refacto associé :
-
injection des fichiers css en raw qui est deprecié par vite. De plus ce fonctionnement nous oblige à utiliser unsafeCSS
-
supprimer tous les fichier .css - soit en déplacant le contenu dans le composant approprié (cas ou le composant est le seul à utiliser ce css)
- soit si le style est partagé par plusieurs composant, dans une constante
css
définie dans un fichier-utils.ts
- si possible supprimer les duplications entre ces différentes constantes (elles peuvent s'appuyer sur des constantes communes)
-
-
composant-base.css contient plein de styles dont l'essentiel est devenu inutile => supprimer ce fichier
-
voir ce que l'on fait avec les classes masquer-sur-...
etafficher-sur-...
: conserver (mais ou) ? supprimer car media query gérée dans les templates ? -
supprimer les constantes CSS_BREAKPOINT_...
définies dans composant-base.ts au profit de celles dans styles-fonts.ts (et d'ailleurs on pourrait créer un fichier dédié dans le ds styles-breakpoints.ts -
z-index : a revoir globalement, les constantes ne sont pas bonnes de toute facon (le z-index est relatif au conteneur parent, donc pas besoin d'index absolu a toutes les couches) -
bascule vers l'utilisation des couleurs via le css du DS puis suppression toutes les couleurs de composants-base.csss -
et pour le reste on doit pouvoir tout supprimer => le supprimer en vérifiant les impacts (par ex
-
-
on se retrouve souvent à restyler les élements h1, h2, et p de la même manière, en appliquant les classes définies dans styles-fonts.ts
-
proposer 2 constantes dans le fichier styles-fonts.ts : celle existante qui se limite à déclarer les classes titre-...
ettexte-...
, et une 2eme contient la première avec en plus des styles par défaut pour h1, h2, et p. Comme cela, selon le contexte on peut choisir d'utiliser l'une ou l'autre
-
Edited by Benjam