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

**URL:** <https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884>\
**Category:** Product Support\
**Created:** [13 Setembro , 2020 15:30 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884 "2020-09-13T15:30:02Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [14 Setembro , 2020 17:51 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884/2 "2020-09-14T17:51:33Z")

</div>

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

Desktop (barra lateral fixa):

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/e/4e412354ce082900d5cedc53a6e583d7505c5a61.png)

Mobile:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/f/8f632be7c54cdbf4997d34a042ced2f28975a74c.png)

Javascript:

```js
<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:

```scss
.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](https://global.discourse-cdn.com/meta/original/3X/3/3/33b11c567e3b03ea2d562eb9438246e3f1b624dc.png)

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/4/d442397647e5fd4e0a8271708826eac88a2e32e1.png)

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

---

_[View the full topic](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884)._