안녕하세요,
다시 나입니다.
계정을 하나 만들어 Watchdog라고 이름 붙이고, 해당 계정에 관리자 권한을 부여했습니다. 그 다음 배지를 하나 만들어 moderators라고 이름 붙였습니다(설정에서 눈 아이콘을 지정했습니다). Watchdoggo에게 moderators 배지를 부여했고, doggo가 게시물을 작성하면 방패 아이콘과 눈 아이콘이 함께 표시됩니다.
설정에서 배지에 눈 아이콘을 지정해 두었는데도 방패 아이콘이 표시됩니다.
방패 아이콘을 제거하는 방법은 무엇인가요?
먼저 "watchdog"라는 새 그룹을 만들고 Watchdog 사용자를 추가한 후, 이 그룹을 기본 그룹으로 설정하세요. 그런 다음
.group-watchdog .d-icon-shield-alt {
display: none;
}
해당 사용자는 이미 “Moderators” 그룹에 속해 있으므로, 다른 그룹을 만들 필요가 없다고 생각합니다. 코드를 다음과 같이 변경해 보았지만,
.group-moderators
그래도 작동하지 않으며, 아이콘이 여전히 표시됩니다.
해당 아이콘에 적용된 CSS를 찾았지만, display:none을 적용하면 당연히 아이콘은 사라지지만 그 자리에 간격이 남습니다(노란 화살표). 이 간격을 제거하고 싶습니다.
.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}
이 간격을 제거하는 방법이 있을까요?
아니면, 방패 아이콘을 눈 아이콘으로 대체하는 방법은 없을까요? 방패 아이콘을 담당하는 클래스는 CSS가 아니라 HTML에 내장되어 있기 때문입니다.
Canapin
(Coin-coin le Canapin)
2월 29, 2020, 4:16오후
5
이건 어떨까요?
.moderator .svg-icon-title {
display: none;
}
눈 아이콘의 HTML 구조를 정확히 알 수 없어서 부수적인 영향이 생길 수도 있습니다…
Canapin
(Coin-coin le Canapin)
2월 29, 2020, 4:18오후
6
또한, @Nisutec 님에게 효과가 있었던 방법도 시도해 볼 수 있습니다:
This it not how it works. $shield-alt-duotone is a variable meant to be used in your custom CSS. The first topic I linked earlier explains how to replace icons with new ones with an SVG file:
맞습니다. 모든 модератор에게서 제거하려면, group-moderators는 클래스가 아니라 단순히 moderator입니다. 하지만 그 경우 moderator는 필요 없고,
.d-icon-shield-alt {
display: none;
}
이 간격은 아마도
.names span {
margin-right: 8px;
일 것입니다. 따라서
.moderator .names span {
margin-right: 0;
}
완벽하게 작동했고, 간격이 사라졌습니다. 정말 감사합니다.