직접 메시지를 읽을 때 내비게이션 또는 사이드바를 유지할까요?

제품 지원
1

여러분,

이 네비게이션 바나 사이드바(또는 둘 다…)를 유지하는 쉬운 방법이 있을까요?

image
image1284×370 18.7 KB

개인 메시지를 읽을 때 말이에요.

image
image1009×732 32.9 KB

2

사이드바를 구현하는 데 성공했습니다. 영감을 주신 @Arkshine님께 감사드립니다.

데스크톱(고정 사이드바):

image
image1001×601 29.2 KB

모바일:

image
image358×469 16.8 KB

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

사이드바의 대안으로, 다음과 같은 스타일을 고려하고 있습니다:

image
image839×690 30.4 KB

다만, 내비게이션 바를 유지하는 옵션도 흥미로울 수 있지만 아직 시도해 보지 않았습니다.