Tag Icons

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

もし、まだ探しているなら、このサイトにはたくさんの旗のSVGアイコンがあり、DiscourseにカスタムSVGアイコンとしてアップロードする方法があるかもしれません。まだ確信はありません。

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

「いいね!」 3

素晴らしいです!いくつか機能リクエストがあります。

  1. タグアイコンリスト入力でsvgアイコンを自動的に追加する自動提案
  2. タグアイコンリストを3列のテーブルに変換し、タグとFont Awesome v5アイコンのオートコンプリートを可能にする
  3. Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome へのリンクを追加する。最新のFont Awesome(現在のv6)を検索していて、入力が機能しない理由を考えていました。
  4. Font Awesome v6を採用する

ありがとうございます。

「いいね!」 1

タグ間にスペースがない理由について何かご存知ですか?モバイルでのみ発生します。

スクリーンショット

タグを2つ作成しましたが、なぜか機能しません。バグでしょうか? interview というタグを SVG ロゴ microphone-stand で作成し、lecture というタグを SVG ロゴ camcorder で作成しました。どちらも空白のままです。


すでに他のタグで使用している film SVG ロゴを両方のタグに使用すると機能します。そのため、最初に使いたい2つのロゴが受け入れられないようです。

誰かこの問題を再現できますか? このテーマコンポーネントのみをインストールしたクリーンな開発環境で再現できました。使用されている FontAwesome のバージョンを確認するにはどうすればよいですか?おそらくバージョン 5.15 を使用しているのでしょう。これらのアイコンは 5.11 または 6.0 に含まれていたので、含まれているはずです。

「いいね!」 1

私もそれらを機能させることができないので、利用可能なセットに含まれていない可能性があります。

「いいね!」 1

こんにちは! :waving_hand:t2:

自然のような画像と一緒にアイコンを使用できますか?

タググループ内のタグでも機能しますか?

プライベートカテゴリでtag1のテストを実行したところ、機能しました。しかし、タググループ内のタグは機能しないようです。

「いいね!」 1

同様の問題が発生しています。タグが10文字を超えるとアイコンが表示されないようです。

タググループの問題を特定しました。タググループから直接カテゴリに追加する必要があるようです。タググループをカテゴリに追加するのではなく。

サイドバー以外ではどこにもタグアイコンを表示できません。原因は何でしょうか?コンポーネントを再インストールしたり、デフォルトのテーマと組み合わせてそのコンポーネントのみを使用したりしましたが、うまくいきませんでした。

確認ですが、svg icons 設定にアイコンを追加しましたか?

「いいね!」 2

はい、確認しました。サイドバーの左側にはアイコンが表示されていますが、それ以外の場所には表示されていません。

こんにちは、Darojaxさん、ようこそ:wave:

こちらでは再現できませんでした。:thinking:

CSSが関与しているか、テンプレートが上書きされていない限り、タグはどこでも同じようにレンダリングされます。

もし可能であれば、フォーラムのURLを共有していただけますか?

「いいね!」 1

こんにちは、ご返信ありがとうございます。残念ながら、この段階ではフォーラムはまだ開発中であり、インターネット上では公開されていません。公開時、または問題が解決した際には改めてご連絡いたします。

「いいね!」 1

わかりました、結構です。現在の Discourse のバージョンを厳密に教えていただけますか。また、有効になっているプラグイン/コンポーネントをリストアップしていただけますか。それがヒントになるかもしれません。

CSS の変更なしで、デフォルトのテーマで Tag Icons コンポーネントのみを有効にして、問題が発生するかどうか試してみます。もし発生しなければ、そこから原因を特定できるはずです。

「いいね!」 1

承知いたしました。

インストールされている Discourse のバージョン
3.2.0.beta2
(be04154838)

最新
3.2.0.beta2

新しいデフォルトテーマを作成し、GitHub 経由で直接インストールした Tag icons コンポーネントのみを使用しています。

さらに、以下の 2 つのプラグインを使用しています。

discourse-landing-pages

docker_manager

これ以外の CSS、HTML、またはカスタムは一切行っていません。

「いいね!」 3

問題が見つかりました。プラグインは大文字で始まるタグを処理できないようです。タグ名をすべて小文字に変更したところ、意図したとおりに動作しました。大文字で始まるタグの方が整然としていると思いますが、この問題が解決されると素晴らしいです。 :slight_smile: それでも、素晴らしいコンポーネントをありがとうございます。

「いいね!」 1

これで動作するようになって嬉しいです。しかし、それらのタグはどうやって作成したのですか?通常は小文字に強制されます。:thinking:

管理パネルにこの設定があります。

「いいね!」 1

そうですね、私のミスです。この設定を忘れていました。:smile:

問題の箇所がわかりました。後で修正案を提案します。:+1:

「いいね!」 3