¡Hola a todos!
¿Hay alguna forma sencilla de mantener esta barra de navegación o la barra lateral (o ambas…):
Al leer un mensaje privado?
He logrado implementar la barra lateral. Gracias @Arkshine por la inspiración.
Escritorio (barra lateral fija):
Móvil:
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;
}
}
}
}
Me encontré con algunos usuarios que no sabían cómo volver a su bandeja de entrada desde la vista de un mensaje privado.
Noté (¡muy tarde!) que podíamos hacer clic en el icono aquí, pero eso no es nada obvio:
También estoy considerando una alternativa a la barra lateral, como algo así:
No probé mantener la barra de navegación, aunque eso también podría ser interesante.