[BUGFIX] Corriger la mention "Terminé" sur la dernière flashcard (PIX-15735)

[er-lim]

🎄 Problème

Lors de l’affichage de la dernière flashcard, la mention “terminé” apparaît sur fond blanc 😅

Après investigation, c'est causé par l'ajout d'une propriété css color: var(--pix-neutral-0)

🎁 Proposition

Enlever cette ligne.

🧦 Remarques

Régression due à une montée en version pix-ui.
A voir pourquoi cette ligne a été ajouté précédemment 🤔

🎅 Pour tester

• Aller sur le didacticiel modulix
• Faire l'exercice des flashcards jusqu'à la fin 🐱
• Vérifier que la mention Terminé n'apparaît plus sur fond blanc.

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[yannbertrand]

Régression due à une montée en version pix-ui.
A voir pourquoi cette ligne a été ajouté précédemment 🤔

Possible d'en apprendre plus ? J'ai pas trouvé en creusant côté Pix UI :(

[er-lim]

Possible d'en apprendre plus ? J'ai pas trouvé en creusant côté Pix UI :(

@yannbertrand Oui pour les détails :

• La PR pix-ui qui fait la montée en version en v.51.0.0 change la manière d'écrire le style .pix-notification-alert--success sur cette modification
• Ceci faisait que même si tu surcharges le style en BEM comme on le faisait sur les flashcards, ça ne faisait rien (voir capture d'écran)

• Avec le changement en v51.0.0, color est surchargé avec ce qu'on fait sur les flashcards, ce qui cause cette régression 😜

Reste à comprendre pourquoi on avait mis cette propriété 🤔

[yannbertrand]

Possible d'en apprendre plus ? J'ai pas trouvé en creusant côté Pix UI :(

@yannbertrand Oui pour les détails :

* La PR pix-ui qui fait la montée en version en v.51.0.0 change la manière d'écrire le style `.pix-notification-alert--success` sur cette [modification](https://github.com/1024pix/pix-ui/pull/786/files#diff-8a29f724b94fc5eb568d0cb3f04ae758d6b919570ec61c420e42cf8af1d85ef0R28)

* Ceci faisait que même si tu surcharges le style en BEM comme on le faisait sur les flashcards, ça ne faisait rien (voir capture d'écran)

* Avec le changement en v51.0.0, `color` est surchargé avec ce qu'on fait sur les flashcards, ce qui cause cette régression 😜

Reste à comprendre pourquoi on avait mis cette propriété 🤔

🤯 Est-ce que pour éviter les soucis dans le futur on ne ferait pas carrément notre propre composant ? J'ai l'impression qu'on est pas vraiment sur le type de notification de Pix UI : https://ui.pix.fr/?path=/docs/feedback-notification-alert--docs

[er-lim]

🤯 Est-ce que pour éviter les soucis dans le futur on ne ferait pas carrément notre propre composant ? J'ai l'impression qu'on est pas vraiment sur le type de notification de Pix UI : https://ui.pix.fr/?path=/docs/feedback-notification-alert--docs

En effet on est peut être plus proche d'un tag dessus. A creuser pour voir s'il n'y a pas le même besoin dans les autres équipes 👍