阅读私信时保留导航或侧边栏?

大家好,

有没有简单的方法可以保留这个导航栏或侧边栏(或者两者都保留……):

在阅读私信时?

我成功实现了侧边栏。感谢 @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;
            }
        }
    }
}

我遇到过一些用户,他们不知道如何从私信视图返回收件箱。
我(非常晚才)注意到,我们可以点击这里的图标,但这并不明显:

image

我也在考虑侧边栏的替代方案,例如像这样的设计:

我还没有尝试保留导航栏,不过那可能也很有趣。