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 が view の前にあるという点で、上部が正しいです。
以下にスクリーンショットを示します。
これをPRしました。
ありがとうございます！いつかやり方を学んで、プルリクエスト（PR）を出す勇気が出ると思います 
アイコンの位置を示す方法はありますか？カスタムアイコンを1つ使用していますが、チャットと別のテーマコンポーネントアイコンが同じヘッダーにあり、カスタムヘッダーアイコンを検索アイコンの隣に配置したいと思います。
皆さん、こんにちは！
素晴らしいテーマコンポーネントをありがとうございます！ただ、少し問題に直面しています。一部のアイコンは正常に機能します（例：fa-rocket）が、他のアイコンは表示されません（例：fa-rocketchat）。必要なアイコンクラスはすべてインストールされていると思いますが、何か原因がお分かりになりますか？本当に感謝します 
また、ソリッドアイコンではなく、通常のFont Awesomeアイコンを取得するにはどうすればよいですか？far-iconnameとfa-regularを含めようとしましたが、うまくいかないようです…
おそらく、これのせいでしょう。
ご質問の前半についてですが、間違っているかもしれませんが、サイト設定の svg アイコンサブセット にロケットチャットアイコンを追加してみてください。
残念ながら、これで問題は解決しません。
ヘッダーリンクは次のとおりです。
Rocket.Chat,rocket,https://chat.domain.de,vdo,blank
テーマコンポーネント設定のSVGアイコンと、Discourseメイン設定のSVGアイコンサブセットの下に、Font Awesomeアイコンの説明で詳述されているように fa-rocketchat と fa-brands を追加しました。FAバージョン5.0.0以降でサポートされているため、それは原因ではないはずです…
何かアイデアがあり、手助けしてくれる人はいますか？
実行する必要があるのは次のとおりです。
svg アイコンサブセット に fab-rocketchat を追加します。ヘッダーリンク を Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank に変更します。指示は誤解を招くものですが、振り返ってみると、おそらく不正確ではありません。
難しいのは、fab fa-rocketchat (Font Awesome Web サイト (https://fontawesome.com/v5/icons/rocketchat?s=brands) で) を fab-rocketchat (Discourse で) に変換する必要があることです。
アップロードしたSVGアイコンをサイトに追加する方法はありますか？（Font Awesomeのウェブサイトのアイコンを使用せずに）
解決できないことに頭を悩ませています！
「ヘッドセット」アイコンを使用すると、通常どおり使用できます。
しかし、「ライトヘッドセット」アイコンを使用しようとすると、まったく使用できません。
「fab-」、「fas-」、「far-」を試しましたが、何もつけずに試しました。SVG部分に名前を入力しましたが、すべて試しましたが、使用できません。
[image]
Google Play ストアのアイコンも同様です。使用できず、どうにもなりません。
なぜこれが起こるのですか？
ライトバージョンは「Pro」アイコンである可能性があります。
「ヘッドセット」のライトスタイルを使用するには、Font Awesomeの特定のバージョン（このアイコン（またはスタイル）がリリースされたバージョン）が含まれるProレベルプランへのサブスクリプション、または永続的なProライセンスが必要です。
私も知りたいです。Letterboxdアイコンを含めたいです。(ウェブ上のどこかで、すでに作成されFont Awesomeに提案されたが、承認されなかったもの)
テーマを使用して独自のSVGアイコンを追加できます。
サイトの（モバイルモードでの）一番下に、誰にでも同じように表示されるアイコンを配置するにはどうすればよいですか？
例えば、タイムラインボタンは、さまざまなモデルの携帯電話やモバイルシステムで同じ位置に表示されます。
現在、CSSを使用してヘッダーボタンメニューを一番下に配置すると、一部の携帯電話では正しい位置に表示されますが、他の携帯電話では少し上に表示されたり、横にずれたりします。これはなぜですか？
もう一つ疑問があります。以下のような例のように、アイコンを配置して、そのアイコンをクリックすると他のアイコンが表示される他のオプションが開く方法はありますか？