Ho apportato alcune modifiche al componente. Ho già aggiornato il post originale, ma ecco i cambiamenti in maggior dettaglio:
Stringhe localizzate
Il testo della barra e l’etichetta del pulsante sono ora traducibili. Invece delle vecchie impostazioni bar_text e button_text, le stringhe risiedono in locales/en.yml. Puoi aggiungere altre località manualmente o utilizzare traduzioni AI.
Logica di chiusura semplificata
Sostituito il meccanismo di chiusura basato sui cookie con localStorage. La chiave è derivata dal testo della barra stessa, quindi quando aggiorni il testo dell’annuncio, la barra riappare automaticamente per tutti coloro che avevano chiuso quella precedente.
Layout responsivo
Ho consolidato gli stili in un unico file utilizzando flex-wrap. Su schermi larghi, il testo e il pulsante sono allineati. Quando il testo va a capo, il pulsante si posiziona sotto.
Classi degli elementi BEM
Il markup utilizza ora classi BEM per tutti gli elementi (__text, __button, __close), rendendo più semplice il targeting nelle sovrascritture del tema.