Navegação na barra lateral da lista de tópicos

O que este componente de tema faz?

Ele pega nossa navegação padrão da lista de tópicos e a coloca em uma barra lateral fixa (desde que a largura do seu navegador seja superior a 768px). Você também tem a opção, nas configurações, de exibir a barra lateral à direita.

Já conversamos um pouco sobre esse layout no Meta anteriormente (Proposing a left-aligned slide out hamburger menu), e fiquei curioso para ver como seria simplesmente mover nossa navegação existente para uma barra lateral.

Tenha em mente que, como se trata de uma mudança drástica no layout, este componente pode não ser imediatamente compatível com outros temas.

:microscope: Pré-visualize no criador de temas

:link: Repositório no GitHub: https://github.com/awesomerobot/discourse-sidebar-nav.git

:man_shrugging: Como instalo um componente de tema?

36 curtidas

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 curtidas

Hello, i wanna display this sidebar on every topic and every category
When in homepage, top menu unstill display normal
How can i do that?

Everytime we wanna search, we must comback to homepage and search them, so lost a long time! :slight_smile:
We should solve this problem!
Thank you!

3 curtidas

Incredible theme component!

I think the topic list sidebar should appear in tag lists as well, so when you view say subfolder the sidebar will remain consistent across all pages and serve to be more useful. This will be a very neat feature. :slight_smile:

1 curtida

Também estou me perguntando se isso é possível.

1 curtida