Garder la navigation ou la barre latérale lors de la lecture d'un message direct ?

Soutien
1

Salut les gars,

Y a-t-il un moyen simple de conserver cette barre de navigation ou la barre latérale (ou les deux…) :

image
image1284×370 18.7 KB

Lors de la lecture d’un message privé ?

image
image1009×732 32.9 KB

2

J’ai réussi à ajouter la barre latérale. Merci à @Arkshine pour l’inspiration.

Bureau (barre latérale fixe) :

image
image1001×601 29.2 KB

Mobile :

image
image358×469 16.8 KB

JavaScript :

<script type="text/x-handlebars" data-template-name="/connectors/topic-above-posts/inbox_menu">
{{#if model.isPrivateMessage}}
    <section class="user-secondary-navigation">  
        <ul class="messages-nav nav-stacked action-list">    
            <li class="noGlyph">
                <a href="/u/{{currentUser.username_lower}}/messages">{{i18n "user.messages.inbox"}}</a>
            </li>
            <li class="noGlyph">
                <a href="/u/{{currentUser.username_lower}}/messages/sent">{{i18n "user.messages.sent"}}</a>
            </li>
            <li class="noGlyph"><a href="/u/{{currentUser.username_lower}}/messages/archive">{{i18n "user.messages.archive"}}</a>
            </li>
        </ul>
    </section>
{{/if}}
</script>

CSS :

.desktop-view {
    .private_message .posts-wrapper {
        display: flex;
    }
    .user-secondary-navigation {
        min-width: 150px;
    }
    .topic-above-posts-outlet.inbox_menu {
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
    }
}
.mobile-view {
    .user-secondary-navigation {
        .nav-stacked {
            background: transparent;
            display: flex;
            li {
                border-bottom: none;
            }
        }
    }
}

J’ai remarqué que certains utilisateurs ne savaient pas comment revenir à leur boîte de réception depuis une vue de message privé.
J’ai remarqué (très tardivement !) que l’on pouvait cliquer sur l’icône ici, mais ce n’est pas du tout évident :

image

Je envisage également une alternative à la barre latérale, quelque chose comme ceci :

image
image839×690 30.4 KB

Je n’ai pas essayé de conserver la barre de navigation, bien que cela puisse aussi être intéressant.