Manter a navegação ou a barra lateral ao ler uma mensagem direta?

E aí, pessoal,

Existe uma maneira fácil de manter essa barra de navegação ou a barra lateral (ou ambas…):

Ao ler uma mensagem privada?

Consegui implementar a barra lateral. Obrigado @Arkshine pela inspiração.

Desktop (barra lateral fixa):

Mobile:

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

Encontrei alguns usuários que não sabiam como voltar para sua caixa de entrada a partir da visualização de mensagem privada.
Percebi (muito tarde!) que poderíamos clicar no ícone aqui, mas isso não é nada óbvio:

image

Também estou considerando uma alternativa à barra lateral, algo como isso:

Não testei manter a barra de navegação, embora isso também pudesse ser interessante.