Oh my - that did the trick, thank you so much!
I tried “building” just in the theme component (didn’t work) and “fas-building” in both places (didn’t work) but it didn’t cross my mind to try the plain version in both fields.
I still would suggest to make this differene between fa(s) and fab/far more clear in the component description.
Hello.
Thanks for the great plugin.
I would be grateful if you could provide one support.
I have a Login Required setting on my Discourse.
When I visit a site with this setting, I am naturally asked to create an account or log in, and the header shows an icon that I created with this plugin.
Need account or login page(in Japanese)
If that’s all there is to it, there’s no problem, but if you click on them, you will be able to open the linked page without logging in.
(The link is to a plugin that I created myself, and the Path is a path directly under the site root, such as /test_path. Even with this path, if you specify the URL directly, etc., you will be asked to create an account or log in. Only if you go through the header icon of this plugin, the page will be displayed without login).
The best solution is to not show the icon in the first place, but at the very least, you need to be able to click on the icon to see the page that asks you to log in.
I would really appreciate it if you could help me with a solution. Thank you very much.
Hey @Johani. It looks like this needs to be updated for the new way theme variables work. I see this error in the admin panel:
Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^
Hello,
I’m linking to a limited access page, where I need to pass in some variables to the url. Would it be possible to get some system variables like username, userid, mail etc?
I am looking for the same thing. I want to post the logged-in user’s username to a remote server when the header icon is clicked. I understand that I can get the username via javascript, but I am not sure how I can do so this via a header icon:
<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>
Thanks!
للتنبيه فقط، لاحظت وجود خطأ في تعليمات إعدادات السمة.
في الأعلى، يُقال إن الترتيب هو title, icon, URL, view, target.
ولكن في الأسفل، يُقال إن الترتيب هو title, icon, view, URL, target.
الترتيب في الأعلى صحيح، حيث يأتي عنوان URL قبل العرض.
انظر أدناه للحصول على لقطة شاشة:
لقد قمت للتو بتقديم طلب سحب لهذا:
شكرا لك! أفترض أنني سأتعلم يوماً ما كيف وأمتلك الشجاعة لتقديم طلب سحب 
هل هناك طريقة للإشارة إلى موضع الأيقونة؟ أستخدم أيقونة مخصصة واحدة ولكن لدي الدردشة وأيقونة مكون سمة أخرى في نفس الرأس وأريد تعيين الأيقونة المخصصة بجوار أيقونة البحث.
مرحباً بالجميع!
شكراً على مكون الثيم الرائع! لقد واجهت مشكلة بسيطة: بعض الأيقونات تعمل بشكل جيد، مثل fa-rocket، ولكن البعض الآخر لا يظهر، مثل fa-rocketchat، على الرغم من أنني أعتقد أنني قمت بتثبيت جميع فئات الأيقونات الضرورية. هل لديك أي فكرة عن سبب ذلك؟ سأكون ممتناً جداً 
أيضاً: كيف يمكنني الحصول على أيقونات Font Awesome العادية بدلاً من الأيقونات الصلبة؟ حاولت تضمين far-iconname و fa-regular ولكن ذلك لا يبدو أنه يعمل…
ربما بسبب هذا
بالنسبة للجزء الأول من سؤالك. قد أكون مخطئًا ولكن حاول إضافة رمز صاروخ الدردشة إلى svg icon subset الخاص بك في إعدادات الموقع.
للأسف، هذا لا يحل المشكلة بالنسبة لي.
رابط الرأس هو:
Rocket.Chat,rocket,https://chat.domain.de,vdo,blank
ضمن أيقونات Svg في إعدادات مكون السمة و مجموعة أيقونات Svg الفرعية في إعدادات Discourse الرئيسية، أضفت fa-rocketchat و fa-brands كما هو مفصل في وصف أيقونات Font Awesome. وهي مدعومة منذ إصدار FA 5.0.0، لذلك لا يمكن أن يكون هذا هو السبب…
هل لدى أي شخص أي أفكار وقد يتمكن من مساعدتي؟
تحتاج إلى:
fab-rocketchat إلى svg icon subset.Header links إلى Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.التعليمات مضللة ولكن، بالنظر إليها مرة أخرى، ربما ليست غير دقيقة:
الجزء الصعب هو أنه يجب عليك تحويل fab fa-rocketchat (على موقع Font Awesome) إلى fab-rocketchat (على Discourse).
هل هناك طريقة لإضافة أيقونات SVG أقوم بتحميلها إلى موقعي؟ (بدون استخدام تلك الموجودة على موقع Font Awesome)
أنا أفكر كثيرًا في شيء لا أعرف كيف أحله!
أستخدم أيقونة “headset” ويمكنني استخدامها بشكل طبيعي
ولكن عندما أريد استخدام أيقونة “light headser” لا يمكنني استخدامها على الإطلاق
لقد جربت بالفعل مع “fab-” أو “fas-” أو “far-” لقد جربت بدونها، لقد وضعت الاسم بالفعل في جزء SVG، لقد جربت كل شيء، لكن لا يمكنني استخدامها
[image]
نفس الشيء مع أيقونة متجر Google Play، لا يمكنني استخدامها ولا توجد طريقة
لماذا يحدث هذا؟
قد يكون الإصدار الفاتح عبارة عن أيقونة “احترافية”:
لاستخدام النمط الفاتح لـ “headset”، ستحتاج إلى اشتراك في خطة احترافية أو ترخيص احترافي دائم يتضمن الإصدار المحدد من Font Awesome الذي تم إصدار هذه الأيقونة (أو النمط) فيه.
أود أن أعرف ذلك أيضًا. أريد تضمين أيقونة Letterboxd (في مكان ما على الويب، تم بالفعل إنشاء مثل هذه الأيقونات واقتراحها على Font Awesome ولكن لم يتم قبولها)
يمكنك إضافة أيقونات SVG الخاصة بك مع سمة:
كيف أضع الأيقونات في أسفل الموقع (في وضع الجوال) بحيث تظهر بنفس الشكل للجميع؟
على سبيل المثال: يظهر زر الخط الزمني في نفس الموضع لجميع موديلات الهواتف المحمولة وأنظمة الجوال المختلفة.
الآن عندما أستخدم CSS لترك قائمة أزرار الترويسة في الأسفل، في بعض الهواتف المحمولة تظهر في الموضع الصحيح، وفي البعض الآخر يظهر الموضع مرتفعًا قليلاً، وفي البعض الآخر يبدو جانبيًا قليلاً، لماذا يحدث هذا؟
لدي شك آخر، هل هناك طريقة لوضع أيقونة، وعندما أنقر على تلك الأيقونة، تفتح خيارات أخرى بأيقونات أخرى، كما في المثال أدناه؟