皆さん、こんにちは。
このナビゲーションバーまたはサイドバー(あるいは両方…)を、プライベートメッセージを読んでいる間も簡単に維持する方法はありますか?
サイドバーを配置することに成功しました。インスピレーションを与えてくれた @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;
}
}
}
}
いくつかのユーザーが、プライベートメッセージ画面から受信トレイに戻る方法がわからないというケースに遭遇しました。
(非常に遅れて気づいたのですが)ここでアイコンをクリックできることに気づきました。ただし、これは全く明瞭ではありません。

また、サイドバーの代替案として、以下のようなものも検討しています。
ナビゲーションバーを維持する試みは行っていませんが、それも興味深いかもしれません。