Panoのサイドバーをタブバーっぽくする

Pano(https://github.com/teramako/Pano)っていうFirefoxのタブをツリーにして表示する拡張を作っている。
サイドバーに表示する形式のものは、こんな感じ

ちょっと寂しいのでuserChrome.cssでスタイルを書いてみた。こうなる(Stylishでも同じことができるはず)。

サイドバーのヘッダや、フィルターの部分は-moz-box-ordinal-groupプロパティを用いて順番を後に持って行っている。

またツリーのスタイル設定はちょっと特殊。ツリーのスタイル付けを読むと良い。
さらにPanoのツリーではツリーのスタイル付けに載っているプロパティに加えて、以下のプロパティが使えるようにしている。

タブ列
- itemプロパティ
- 現在表示しているタブにはcurrentTabプロパティ
- ピン留めされたタブにはapptabプロパティ
- 無所属のタブにはorphanedプロパティ
グループ列
- groupプロパティ
- 現在アクティブなグループにはcurrentGroupプロパティ
- ピン留めされたタブを収めるグループにはAppTabsプロパティ
- 無所属のタブを収めるグループにはOrphanedプロパティ
クローズボタン
- closebuttonプロパティ

PanoデフォルトのCSS(https://github.com/teramako/Pano/blob/master/chrome/skin/pano-tree.css)も見ながら試してみると面白いかもね