# 모더레이터용 눈 아이콘
**URL:** https://meta.discourse.org/t/eye-icon-for-moderators/142948
**Category:** Support
**Created:** [2월 29, 2020, 3:00오전 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948 "2020-02-29T03:00:46Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@pr0cesor](https://meta.discourse.org/u/pr0cesor)
#### Post date: [2월 29, 2020, 3:00오전 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/1 "2020-02-29T03:00:46Z")
안녕하세요,
다시 나입니다.
계정을 하나 만들어 Watchdog라고 이름 붙이고, 해당 계정에 관리자 권한을 부여했습니다. 그 다음 배지를 하나 만들어 moderators라고 이름 붙였습니다(설정에서 눈 아이콘을 지정했습니다). Watchdoggo에게 moderators 배지를 부여했고, doggo가 게시물을 작성하면 방패 아이콘과 눈 아이콘이 함께 표시됩니다.
설정에서 배지에 눈 아이콘을 지정해 두었는데도 방패 아이콘이 표시됩니다.
방패 아이콘을 제거하는 방법은 무엇인가요?
---
### Author:  [@smrtey](https://meta.discourse.org/u/smrtey)
#### Post date: [2월 29, 2020, 3:44오전 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/2 "2020-02-29T03:44:23Z")
먼저 "watchdog"라는 새 그룹을 만들고 Watchdog 사용자를 추가한 후, 이 그룹을 기본 그룹으로 설정하세요. 그런 다음
```plaintext
.group-watchdog .d-icon-shield-alt {
display: none;
}
```
---
### Author:  [@pr0cesor](https://meta.discourse.org/u/pr0cesor)
#### Post date: [2월 29, 2020, 1:35오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/3 "2020-02-29T13:35:23Z")
> [@smrtey](#):
>
> 먼저 새로운 그룹 "watchdog"를 만들고 Watchdog 사용자를 추가한 후, 이를 기본 그룹으로 설정하세요.
해당 사용자는 이미 “Moderators” 그룹에 속해 있으므로, 다른 그룹을 만들 필요가 없다고 생각합니다. 코드를 다음과 같이 변경해 보았지만,
> .group-moderators
그래도 작동하지 않으며, 아이콘이 여전히 표시됩니다.
---
### Author:  [@pr0cesor](https://meta.discourse.org/u/pr0cesor)
#### Post date: [2월 29, 2020, 2:41오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/4 "2020-02-29T14:41:12Z")
해당 아이콘에 적용된 CSS를 찾았지만, `display:none`을 적용하면 당연히 아이콘은 사라지지만 그 자리에 간격이 남습니다(노란 화살표). 이 간격을 제거하고 싶습니다.
```
.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}
```
이 간격을 제거하는 방법이 있을까요?
아니면, 방패 아이콘을 눈 아이콘으로 대체하는 방법은 없을까요? 방패 아이콘을 담당하는 클래스는 CSS가 아니라 HTML에 내장되어 있기 때문입니다.
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2월 29, 2020, 4:16오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/5 "2020-02-29T16:16:55Z")
이건 어떨까요?
```css
.moderator .svg-icon-title {
display: none;
}
```
눈 아이콘의 HTML 구조를 정확히 알 수 없어서 부수적인 영향이 생길 수도 있습니다…
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2월 29, 2020, 4:18오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/6 "2020-02-29T16:18:47Z")
또한, @Nisutec 님에게 효과가 있었던 방법도 시도해 볼 수 있습니다:
> [@스태프 아이콘을 어떻게 변경하나요?](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/10?u=canapin):
>
> 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:
---
### Author:  [@smrtey](https://meta.discourse.org/u/smrtey)
#### Post date: [2월 29, 2020, 4:29오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/7 "2020-02-29T16:29:19Z")
> [@Canapin](#):
>
> 이건 어떨까요?
>
> ```css
> .moderator .svg-icon-title {
> display: none;
> }
>
> ```
>
> 귀하의 눈 아이콘 HTML에 대해 잘 모르므로 부수적인 영향이 있을 수 있습니다…
맞습니다. _모든_ модератор에게서 제거하려면, `group-moderators`는 클래스가 아니라 단순히 `moderator`입니다. 하지만 그 경우 moderator는 필요 없고,
```plaintext
.d-icon-shield-alt {
display: none;
}
```
이 간격은 아마도
```plaintext
.names span {
margin-right: 8px;
```
일 것입니다. 따라서
```plaintext
.moderator .names span {
margin-right: 0;
}
```
---
### Author:  [@pr0cesor](https://meta.discourse.org/u/pr0cesor)
#### Post date: [2월 29, 2020, 7:46오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/8 "2020-02-29T19:46:10Z")
> [@Canapin](#):
>
> 이건 어떨까요?
>
> ```plaintext
> .moderator .svg-icon-title {
> display: none;
> }
>
> ```
완벽하게 작동했고, 간격이 사라졌습니다. 정말 감사합니다.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [3월 30, 2020, 7:46오후 UTC](https://meta.discourse.org/t/eye-icon-for-moderators/142948/9 "2020-03-30T19:46:16Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.