こんにちは。アカウントにログインしている場合にのみ、ボタン（実際には何かにリンクするSVGアイコンです）を非表示にするにはどうすればよいですか？
「いいね！」 1
.anon クラスを使用して、次のように行うことができます。
「いいね！」 2
anon クラスが <html> タグにアタッチされています。
次のように使用できます。
html:not(.anon) .your_svg_selector {
display: none;
}
「いいね！」 2
@omarfilip @Arkshine そして、これはログインしているユーザーにのみこのアイコンを非表示にするということですか？また、その匿名クラスは具体的にどこにありますか？見つけられないようです。
ああ、すみません。逆が必要でしたね。not(.anon)
「いいね！」 3
ああ、私も完全に読み間違えていました。私のミスです！
つまり、手動で追加する必要があるということですか？私のものには次のように表示されています。
class="desktop-view not-mobile-device text-size-normal no-touch discourse-no-touch"
追加するものはありません。ログインしていない場合、Discourse は自動的に「anon」クラスを適用します。そのため、「anon」クラスが存在しない場合…」という CSS を記述できます。
「いいね！」 1
はい、サイトのCSSをカスタマイズする必要があります。
「いいね！」 2
@45thj5ej .header-icon-login .d-icon-user は問題ないはずです。
「いいね！」 1
はい、承知いたしました。これをCSSコードに配置すればよろしいでしょうか？
HTML:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
「いいね！」 1
html:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
テーマのCSS（利用可能な場合）または、より良い方法としては、テーマにアタッチされたテーマコンポーネントのCSSに記述できます。
「いいね！」 1
ああ、しまった。機能はしたのですが、非表示になったときにアイコンが左にスライドしないため、奇妙な隙間ができてしまいます。アイコンの順序を変更せずに、その隙間なく実現する方法はありますか？
「いいね！」 1
<li> を含めるように試してください。
html:not(.anon) .header-icon-login {
display: none;
}
「いいね！」 4
おい、本当にありがとう。
「いいね！」 2
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.