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

Разработка
1

Всем привет,
Есть ли способ отображать имя пользователя в навигационной панели рядом с аватаром, когда пользователь вошел в систему? См. скриншот ниже.

name
name258×187 3.48 KB

2

Привет, снова здравствуй, Остон!

Не мог бы ты попробовать этот пользовательский HTML/CSS?
Это должно корректно работать со всеми значками уведомлений, независимо от того, включено ли новое меню уведомлений или нет.

Я рекомендую создать компонент темы. Если ты не знаешь, как это сделать, всё подробно объяснено здесь: Beginner's guide to using Discourse Themes

Примечание: На мобильном виде это отключено.
Примечание: CSS основан на теме по умолчанию; возможно, тебе придётся внести в него корректировки. Не стесняйся спрашивать.

Я не проводил обширного тестирования, но надеюсь, что это сработает для тебя!

Head 
<script type="text/discourse-plugin" version="0.8.13">

api.decorateWidget('header-notifications:after', dec => {
    const { currentUser, site } = dec.widget;

    if (site.mobileView) {
        return;
    }
    
    return dec.h('span.username', currentUser.displayName);
})

</script>
CSS 
html:not(.mobile-view) #current-user {
    span.username {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }
    
    .icon.btn-flat {
        width: auto;
    }
    
    .user-status-background {
        left: 22px;
    }
    
    .badge-notification {
        &.with-icon.new-pms {
            left: -3px;
            right: auto;
            top: 4px;
        }
    }
    
    .unread-notifications {
        left: 25px;
        right: auto;
    }
    
    .unread-high-priority-notifications,
    .ring {
        left: -3px;
        right: auto;
    }
}
3

Огромное спасибо. Всё работает :slight_smile: