Discourseはグラデーション付きSVGアイコンを受け入れますか？

開発
1

グラデーションを使用したアイコンが機能しないのですが、Discourse は受け付けないのでしょうか？

受け付けない場合、CSS でアイコンの周りにグラデーションを付ける方法はありますか？

「いいね！」 2
2

私も同じ質問があります。誰か何か手がかりを持っていますか？

3

SVG形式がグラデーションをサポートしている場合は、バグと見なしてください。おそらく git リポジトリで機能リクエストとして報告するのが最善でしょう。

4

ロゴのようなSVGは問題なく動作するはずです。
私の知る限り、SVGアイコンのグラデーションは、CSSで色を設定すると上書きされますか？

5

CSSまたはSVGファイル自体のコードでグラデーションを使用できると聞きましたが、どちらの方法でもうまくいきません。アイコンにグラデーションを使用する方法を知っていますか？

6

SVGアイコンではCSSグラデーションは機能しません。グラデーションはSVGファイルに直接適用する必要があると思われます。

7

SVGアイコンにグラデーションを適用するには、このトリックを使用できます。

すべてのグラデーションを id (例: \u003clinearGradient id=\"my_id\"...) に関連付けて定義する不可視のSVGを作成します。

その後、CSSでSVGアイコンをターゲットにし、fill: url(#my-id) を使用します。

どれほど醜いかはわかりませんが、機能します。 :smile:

「いいね！」 1