Mantenere la navigazione o la barra laterale durante la lettura di un messaggio diretto?

Supporto
1

Ciao a tutti,

C’è un modo semplice per mantenere questa barra di navigazione o la barra laterale (o entrambe…):

image
image1284×370 18.7 KB

Quando si legge un messaggio privato?

image
image1009×732 32.9 KB

2

Sono riuscito a implementare la barra laterale. Grazie @Arkshine per l’ispirazione.

Desktop (barra laterale fissa):

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;
            }
        }
    }
}

Ho notato che alcuni utenti non sapevano come tornare alla loro casella di posta da una visualizzazione di messaggi privati.
Ho notato (molto tardi!) che si poteva cliccare sull’icona qui, ma non è affatto ovvio:

image

Sto anche considerando un’alternativa alla barra laterale, qualcosa come questo:

image
image839×690 30.4 KB

Non ho provato a mantenere la barra di navigazione, anche se potrebbe essere interessante anch’essa.