Ich habe einige Updates an der Komponente vorgenommen. Der ursprüngliche Beitrag wurde bereits aktualisiert, hier sind die Änderungen jedoch im Detail:
Lokalisierte Zeichenketten
Der Balkentext und die Schaltflächenbeschriftung sind nun übersetzbar. Anstelle der alten Einstellungen bar_text und button_text befinden sich die Zeichenketten in locales/en.yml. Sie können weitere Lokalisierungen manuell hinzufügen oder KI-Übersetzungen verwenden.
Einfachere Logik zum Schließen
Die cookie-basierte Schließfunktion wurde durch localStorage ersetzt. Der Schlüssel wird aus dem Balkentext selbst abgeleitet, sodass der Balken automatisch für alle Benutzer erneut angezeigt wird, die die alte Version geschlossen haben, wenn Sie den Ankündigungstext aktualisieren.
Responsive Layout
Die Stile wurden mithilfe von flex-wrap in eine einzige Datei zusammengefasst. Auf breiten Bildschirmen stehen Text und Schaltfläche in einer Zeile. Wenn der Text umbrochen wird, rutscht die Schaltfläche darunter.
BEM-Elementklassen
Das Markup verwendet nun BEM-Klassen für alle Elemente (__text, __button, __close), was es erleichtert, diese in Theme-Überschreibungen gezielt anzusprechen.