모더레이터용 눈 아이콘

안녕하세요,

다시 나입니다.

계정을 하나 만들어 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에 내장되어 있기 때문입니다.

이건 어떨까요?

.moderator .svg-icon-title {
    display: none;
}

눈 아이콘의 HTML 구조를 정확히 알 수 없어서 부수적인 영향이 생길 수도 있습니다…

또한, @Nisutec 님에게 효과가 있었던 방법도 시도해 볼 수 있습니다:

맞습니다. 모든 модератор에게서 제거하려면, group-moderators는 클래스가 아니라 단순히 moderator입니다. 하지만 그 경우 moderator는 필요 없고,

.d-icon-shield-alt {
    display: none;
}

이 간격은 아마도

.names span {
    margin-right: 8px;

일 것입니다. 따라서

.moderator .names span {
    margin-right: 0;
}

완벽하게 작동했고, 간격이 사라졌습니다. 정말 감사합니다.