Topic list sidebar navigation

[awesomerobot (Kris)]

What does this theme component do?

This takes our standard topic list navigation and puts it into a sticky sidebar (as long as your browser is wider than 768px). You also have the option in the settings to show the sidebar on the right.
We’ve talked about this layout a little bit on Meta previously (Proposing a left-aligned slide out hamburger menu), and I was curious to see what it would be like to simply move our existing navigation to a sidebar.

Keep in mind that since this is a drastic layout change, this component may not be immediately compatible with other themes.

Preview it on the theme creator

Github repo: https://github.com/awesomerobot/discourse-sidebar-nav.git

How do I install a theme component?

[nexo]

Could you “push” the sidebar further to the side?

[awesomerobot (Kris)]

It’s possible, but it’s currently designed to use the standard 1110px width that Discourse content exists within.

You could add CSS like this to make the content on pages with the sidebar wider

@media screen and (min-width: 1110px) {
  .navigation-topics,
  .categories-list,
  .tags-page,
  body[class*="category-"]:not(.archetype-regular):not(.archetype-banner) { 
    .wrap {
        max-width: 1400px;
    }
}

You could even go really crazy and set something like max-width: unset; and have a browser-wide topic list

[thaidb]

안녕하세요, 모든 주제와 카테고리에서 이 사이드바를 표시하고 싶습니다.
홈페이지에 있을 때 상단 메뉴는 정상적으로 표시됩니다.
어떻게 하면 될까요?

매번 검색하려면 홈페이지로 돌아와서 검색해야 해서 시간이 오래 걸립니다!
이 문제를 해결해야 합니다!
감사합니다!

[nexo]

놀라운 테마 컴포넌트입니다!

태그 목록에서도 토픽 목록 사이드바가 표시되면 좋겠습니다. 예를 들어 #subfolder를 볼 때 모든 페이지에서 사이드바가 일관되게 유지되어 더 유용해질 것입니다. 정말 멋진 기능이 될 것 같습니다.

[jord8on (Jordan)]

저도 이것이 가능한지 궁금합니다.