أجريت بعض التحديثات على المكون. تم بالفعل تحديث المنشور الأصلي، ولكن إليك التغييرات بتفصيل أكبر:
النصوص المُترجمة
أصبح نص الشريط ووسم الزر قابلين للترجمة. فبدلاً من إعدادات bar_text و button_text القديمة، توجد النصوص في ملف locales/en.yml. يمكنك إضافة ترجمات إضافية يدوياً أو استخدام الترجمات المدعومة بالذكاء الاصطناعي.
منطق إخفاء أبسط
استُبدل الإخفاء المعتمد على ملفات تعريف الارتباط (cookies) بـ localStorage. يُشتق المفتاح من نص الشريط نفسه، لذا عند تحديث نص الإعلان، يعيد الشريط الظهور تلقائياً أمام جميع من قاموا بإخفائه سابقاً.
تخطيط متجاوب
تم دمج الأنماط في ملف واحد باستخدام flex-wrap. على الشاشات العريضة، يظهر النص والزر في سطر واحد. وعند انتقال النص إلى سطر جديد، ينزل الزر إلى الأسفل.
فئات عناصر BEM
تستخدم العلامات الآن فئات BEM لجميع العناصر (__text, __button, __close)، مما يسهل استهدافها عند تجاوز السمات (theme overrides).