トピックリストのサイドバーナビゲーション

このテーマコンポーネントは何を行いますか?

標準的なトピック一覧のナビゲーションを、固定されたサイドバーに配置します(ブラウザの幅が 768px より広い場合に限ります)。設定からサイドバーを右側に表示するオプションも用意されています。

このレイアウトについては以前 Meta で少し話題になりました(https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287)。既存のナビゲーションを単にサイドバーに移した場合にどうなるか、実際に試してみたいと思いました。

このコンポーネントはレイアウトを大幅に変更するものであるため、他のテーマと即座に互換性があるとは限らない点にご注意ください。

:microscope: テーマクリエイターでプレビューする

:link: Github リポジトリ: https://github.com/awesomerobot/discourse-sidebar-nav.git

:man_shrugging: テーマコンポーネントをインストールする方法は?

「いいね!」 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

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

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

これも可能かどうか気になります。

「いいね!」 1