大家好,
有没有简单的方法可以保留这个导航栏或侧边栏(或者两者都保留……):
在阅读私信时?
我成功实现了侧边栏。感谢 @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;
}
}
}
}
我遇到过一些用户,他们不知道如何从私信视图返回收件箱。
我(非常晚才)注意到,我们可以点击这里的图标,但这并不明显:

我也在考虑侧边栏的替代方案,例如像这样的设计:
我还没有尝试保留导航栏,不过那可能也很有趣。