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)]

Я тоже задаюсь вопросом, возможно ли это.