Obsidian: タブを多段表示するCSSスニペット

公式フォーラムのこのスレッドで紹介されている、タブを多段表示するCSSスニペットが便利でした。

https://gist.github.com/digitalsignalperson/56fe3cbcf41707cb97362234cb07ccb0

上記リンク先のtabs.cssをダウンロードしてObsidianのcssスニペットフォルダに入れて有効化すると、

これが…
こう!

非常に見やすくなりました。
いや、タブ量管理しながら使える人なら不要なのかもしれませんが、ついタブを開きまくってしまうので…

元のスニペットはタブごとのクローズボタンや右端のメニューアイコン(タブリストメニュー?)を非表示にするので、自分は以下の様に修正しました。

  • hide tab list button の項目をコメントアウト(タブリストメニューを復活)

  • keep close button at all times のコメントアウトを解除(閉じるボタンを復活)

  • keep inactive close button, hide active close buttonをコメントアウト

  • another rule to override~ のdisplayをnoneからflexに

  • 以下のコードを追加

.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
  display: flex;
}

適当に修正したので、重複やおかしい点などはあるかもしれませんが、とりあえず以下のように全てのタブにクローズボタンが表示されるようになります(マウスカーソルを乗せたときにのみ表示できるとよいのですが、タブ幅が変わってタブの改行位置がずれてしまうので常時表示にしています。やり方が分かる方がいたら教えてください)。

便利

タブの多段表示ができると、よく使うノートをずっとピン留めして開きっぱなしにしておく、みたいな使い方もやりやすくなるので、お勧めです!

いいなと思ったら応援しよう!