خطوات إنشاء إجراءات مخصصة صغيرة لاستخدامها في الإضافة؟

أعمل على بعض الإضافات الخاصة بمجال معين لمنصتنا، ونود إنشاء إجراءات مخصصة صغيرة مشابهة لما يلي:

وبشكل خاص، أحتاج فقط إلى إمكانية وضع إشعارات مثل هذه في الموضوع مع إمكانية تخصيص الأيقونة والنص.

هل يمكن لأي شخص أن يشرح لي البنى/الوحدات/القوالب وما إلى ذلك التي يجب أن أربط بها لتحقيق ذلك في الخلفية والواجهة الأمامية؟ أو هل يمكنك توجيهي إلى إضافة موجودة تطبق هذا حاليًا؟

شكرًا لك!

يُعد discourse-assign على الأرجح أفضل مثال على ذلك:

ثم بعض الأمور لإضافة الأيقونة / المحتوى

https://github.com/discourse/discourse-assign/blob/master/assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6#L158-L169

شكرًا لك، هذا ساعد كثيرًا.

ما هي أفضل طريقة لجعل نص الإجراء الصغير أكثر ثراءً؟

الحالي:
image

ما أريده: (حققت ذلك عن طريق إدراج فئة cooked يدويًا في div ذي الفئة small-action-desc)

image

تفحّصت كود المصدر حول محولات المنشورات لكن لم أجد أي شيء متعلق بهذا


تعديل: انتهى بي الأمر بإضافة هذا كملف .scss

.custom-message {
    ins {
        background-color: dark-light-choose(
            $success-low,
            scale-color($success, $lightness: -60%)
        );
    }
    del {
        background-color: dark-light-choose(
            $danger-low,
            scale-color($danger, $lightness: -60%)
        );
    }
}