Привет, ребята,
Есть ли простой способ сохранить эту навигационную панель или боковую панель (или обе…):
При чтении личного сообщения?
Мне удалось реализовать боковую панель. Спасибо @Arkshine за вдохновение.
Для настольной версии (фиксированная боковая панель):
Для мобильных устройств:
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;
}
}
}
}
Я столкнулся с несколькими пользователями, которые не знали, как вернуться в свой почтовый ящик из просмотра личных сообщений.
Я заметил (очень поздно!) что можно было нажать на иконку здесь, но это совершенно не очевидно:

Я также рассматриваю альтернативу боковой панели, например, что-то вроде этого:
Я не пробовал оставлять навигационную панель, хотя это тоже могло бы быть интересно.