 |
ملخص | إضافة أيقونة / رمز تعبيري قبل عنصر التنقل |
 |
المستودع | GitHub - VaperinaDEV/discourse-nav-item-icon-emoji: Add Icon / Emoji before nav item |
 |
دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
مرحباً 
مع مكون السمة هذا، يمكنك إضافة أيقونة أو رمز تعبيري قبل عناصر التنقل. يعتمد مكون السمة على Discourse Easy 'SVG Icon' and 'Emoji' in CSS.
nav item prefix
يمكن لهذا الإعداد التعامل مع الأيقونات والرموز التعبيرية أيضًا.
القاعدة التي يجب عليك اتباعها هي:
أيقونة
إذا كنت ترغب في إضافة أيقونة قبل عنصر التنقل:
icon:nav-item:icon-set:icon-name:icon-color
أولاً، يجب عليك تحديد النوع وهو icon إذا كنت ترغب في إضافة أيقونة قبل عنصر التنقل.
- nav-item: latest, hot, new, unread, categories إلخ…
- icon-set: brands, regular, solid
- icon-color:
currentColorأو HEX أو متغير اللون
على سبيل المثال:
icon:latest:solid:rocket:currentColor
icon:top:regular:star:var(--gold)
icon:unseen:solid:compass:#228C22
رمز تعبيري
إذا كنت ترغب في إضافة رمز تعبيري قبل عنصر التنقل:
emoji:nav-item:emoji-set:emoji-name:filter
أولاً، يجب عليك تحديد النوع وهو emoji إذا كنت ترغب في إضافة رمز تعبيري قبل عنصر التنقل.
- nav-item: latest, hot, new, unread, categories إلخ…
- emoji-set: apple, google, twitter, win10, google_classic, facebook_messenger
- filter: يجعل لون الرمز التعبيري أسود في الوضع الفاتح وأبيض في الوضع الداكن. إذا تم تمرير المؤشر فوق الرمز التعبيري أو كان نشطًا، فسيتم الكشف عنه بانتقال. (اختياري)
على سبيل المثال:
emoji:latest:twitter:rocket:filter
emoji:top:google:star
emoji:new:facebook_messenger:bell
تنقل سطح المكتب
تنقل الهاتف المحمول
؟ كل موضوع تنشئه، أريد إشعارًا به!، كما يوحي المصطلح… لقد أبدعت!
