Topic list sidebar navigation

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.

:microscope: Preview it on the theme creator

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

:man_shrugging: How do I install a theme component?

36 лайков

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

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

11 лайков

Привет! Я хочу отображать эту боковую панель на каждой теме и в каждой категории. На главной странице верхнее меню должно отображаться как обычно. Как мне это сделать? Каждый раз, когда мы хотим что-то поискать, нам приходится возвращаться на главную страницу и искать там, что занимает много времени! :blush: Нам нужно решить эту проблему! Спасибо!

3 лайка

Невероятный компонент темы!

Думаю, боковая панель со списком тем должна отображаться и в списках тегов, чтобы при просмотре, например, subfolder, боковая панель оставалась неизменной на всех страницах и была более полезной. Это будет очень удобная функция. :slight_smile:

1 лайк

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

1 лайк