J’ai apporté quelques modifications au composant. La publication originale a déjà été mise à jour, mais voici les changements en détail :
Chaînes localisées
Le texte de la barre et le libellé du bouton sont maintenant traduisibles. Au lieu des anciennes paramètres bar_text et button_text, les chaînes sont stockées dans locales/en.yml. Vous pouvez ajouter manuellement d’autres langues ou utiliser des traductions par IA.
Logique de fermeture simplifiée
J’ai remplacé la fermeture basée sur les cookies par localStorage. La clé est dérivée du texte de la barre elle-même, de sorte que lorsque vous mettez à jour le texte de l’annonce, la barre réapparaît automatiquement pour tous ceux qui avaient fermé l’ancienne.
Mise en page adaptative
J’ai regroupé les styles dans un seul fichier en utilisant flex-wrap. Sur les écrans larges, le texte et le bouton s’affichent sur la même ligne. Lorsque le texte passe à la ligne, le bouton se place en dessous.
Classes d’éléments BEM
Le code HTML utilise désormais des classes BEM pour tous les éléments (__text, __button, __close), ce qui facilite leur ciblage dans les remplacements de thème.