لا نمتلك إعدادًا لذلك، وأعتقد أن القيام بذلك باستخدام CSS فقط أمر صعب، لكن يمكنك إنشاء مكون سمة لاستبداله.
في CSS، ستقوم بإخفاء الأيقونة القديمة:
.post-notice {
.d-icon-user-shield {
display: none;
}
}
في JavaScript (تضع هذا في <head> لمكون السمة)، ستقوم بتزيين الإشعار وإضافة الأيقونة الجديدة:
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
api.decorateWidget('post-notice:before', helper => {
return iconNode('heart');
});
</script>
… أو إذا كنت ترغب في الاستبدال بصورة…:
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget('post-notice:before', helper => {
return helper.h('img', {
src: 'https://www.discourse.org/a/img/home-spot-1.png',
style: 'margin-right: 0.65em',
height: 30,
width: 30
});
});
</script>
مع السمات ومكونات السمات، لا حدود للإمكانيات. إذا كنت ترغب في معرفة المزيد، فلدينا مورد لذلك: