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

Olá, quero exibir essa barra lateral em todos os tópicos e em todas as categorias.
Na página inicial, o menu superior deve continuar sendo exibido normalmente.
Como posso fazer isso?

Toda vez que quisermos pesquisar, precisamos voltar à página inicial para buscar, o que leva muito tempo! :slight_smile:
Devemos resolver esse problema!
Obrigado!

3 curtidas

Componente de tema incrível!

Acho que a barra lateral da lista de tópicos também deveria aparecer nas listas de tags, de modo que, ao visualizar, por exemplo, subfolder, a barra lateral permaneça consistente em todas as páginas e seja mais útil. Isso será um recurso muito legal. :slight_smile:

1 curtida

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

1 curtida