XF 2.1 Добавление бейджика в навигацию

[RoffDaniel]

Добрый день. Подскажите пожалуйста, как я могу добавить индикатор возле кнопки в навигации со своим текстом? Я пробовал вот через стили, но чет не получается((

.donate-nav {
    color: orange!important;
    font-weight: bold!important;
    &:after {
        display: inline-block;
        padding: 2px 4px 1px;
        margin: -2px 0 -2px 4px;
        font-size: 80%;
        line-height: 1;
        font-weight: 400;
        color: #bdc6db;
        background: #3f454f;
        border-radius: 4px;
    }
}

Данные из консоли:




Заранее, спасибо!

 

[Mirovinger]

Приветствую.
Как пример готового.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

А так там есть ссылка на вообще простой пример использования.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[RoffDaniel]

Приветствую.
Как пример готового.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

А так там есть ссылка на вообще простой пример использования.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Я имел ввиду, как можно добавить индикатор как, например, на жалобах:

Или уведомления о переписках и прочее:


Самодельный вариант у меня почему-то не работает, по этому обратился к вам

 

[Mirovinger]

И где это было описано в первом сообщении?
Верно, там вообще про иконку было.
А если про индикатор, простой, то так.

[data-nav-id="members"]:after {
  content: "XFI";
  padding: 1px 2px;
  margin-left: 5px;
  background-color: red;
  border-radius: 3px;
}

 

[RoffDaniel]

И где это было описано в первом сообщении?
Верно, там вообще про иконку было.
А если про индикатор, простой, то так.

[data-nav-id="members"]:after {
  content: "XFI";
  padding: 1px 2px;
  margin-left: 5px;
  background-color: red;
  border-radius: 3px;
}

Посмотреть вложение 110314

как я могу добавить индикатор возле кнопки в навигации со своим текстом?

Я тут не прав наверно тем, что не уточнил про какой индикатор идет речь. Прошу прощения :(

Спасибо!

 

[Mirovinger]

Там просто много лишней информации, которая отвлекает, в реальности же ничего сложного в нужной Вам реализации как видим нету.