Значок глаза для модераторов

Поддержка
1

Привет,

Это снова я.

Я создал учётную запись под названием Watchdog, предоставил ей права модератора, затем создал значок и назвал его «Модераторы» (в настройках установил иконку глаза). Я выдал значок «Модераторы» пользователю Watchdoggo, и когда Doggo публикует сообщения, появляются щит и иконка глаза.

Появляется щит, хотя в настройках выданного значка указана иконка глаза.

wdg4
wdg4786×194 5.19 KB

Как можно убрать иконку щита?

2

Сначала создайте новую группу “watchdog” и добавьте пользователя Watchdog, сделав её его основной группой. Затем

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

Пользователь уже состоит в группе «Moderators», я не думаю, что нужно создавать ещё одну группу. Я изменил код на

.group-moderators

но это не сработало, иконка всё ещё отображается.

4

Я нашел CSS, отвечающий за эту иконку. Однако, когда я применил к ней display: none, иконка, конечно, исчезла, но остался зазор (желтая стрелка), и я хотел бы убрать этот зазор.

wdg5
wdg5339×124 3.37 KB

.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
    display: none;
}

Есть ли какие-то советы, как убрать этот зазор?

Или как можно заменить иконку щита на иконку глаза с помощью CSS? Потому что класс, отвечающий за иконку щита, находится не в CSS, а встроен в HTML.

5

А как насчёт этого?

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

Я не знаю, как у вас устроен HTML иконки глаза, поэтому могут возникнуть побочные эффекты…

6

Кроме того, вы можете попробовать этот способ, он сработал для @Nisutec:

7

Верно. Если вы хотите скрыть её для всех модераторов, то group-moderators — это не класс, а просто moderator. Но тогда вам вообще не нужен селектор moderator, достаточно просто:

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

Пробел, скорее всего, создаётся следующим правилом:

.names span {
    margin-right: 8px;
}

Поэтому используйте:

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

Это сработало идеально и убрало отступ. Большое спасибо.