Wie zeige ich den Namen des Benutzers neben dem Avatar in der Navigation an, wenn ich angemeldet bin?

Entwickler
2

Hallo, willkommen zurück, Auston!

Könnten Sie bitte dieses benutzerdefinierte HTML/CSS ausprobieren?
Dies sollte mit allen Benachrichtigungsabzeichen funktionieren, mit/ohne das neue Benachrichtigungsmenü aktiviert.

Ich schlage vor, Sie erstellen eine Themenkomponente. Falls Sie es nicht wissen, alles wird hier erklärt: Beginner's guide to using Discourse Themes

Hinweis: Es ist in der mobilen Ansicht deaktiviert.
Hinweis: CSS basiert auf dem Standardthema; Sie müssen es möglicherweise anpassen. Fragen Sie gerne.

Ich habe nicht ausgiebig getestet, aber ich hoffe, das wird für Sie funktionieren!

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;
    }
}
4 „Gefällt mir“