Comment afficher le nom de l'utilisateur à côté de l'avatar dans la navigation lorsqu'il est connecté ?

Dev
2

Bonjour, bienvenue de retour Auston !

Pourriez-vous essayer ce HTML/CSS personnalisé, s’il vous plaît ?
Cela devrait bien fonctionner avec tous les badges de notification, que le nouveau menu de notification soit activé ou non.

Je vous suggère de créer un composant de thème. Au cas où vous ne le sauriez pas, tout est expliqué ici : Beginner's guide to using Discourse Themes

Remarque : Il est désactivé en mode mobile.
Remarque : Le CSS est basé sur le thème par défaut ; vous devrez peut-être l’ajuster. N’hésitez pas à demander.

Je n’ai pas testé de manière exhaustive, mais j’espère que cela fonctionnera pour vous !

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 « J'aime »