Pano 0.10pre について

Pano 0.10pre についてちょい見た目等を弄っているので少し解説

ツールバー

今まではサイドバー内の上部に「フィルター」のテキストボックスと下部に「タブバーを隠す」のチェックボックスを置いているのみであったが、

  • これからボタンが増えるかも
  • ユーザの好みを考慮してカスタマイズ可能にしたい
    • ボタンの位置
    • ツリー部分を広く取りたい
    • 表示/非表示

等々の理由により、ツールバー化してカスタマイズ可能である方が良いと思い、そうした。

また、「フィルター」のテキストボックスは他のボタンを配置した時幅を取りすぎるので、ラベルを排除し代わりにプレイスホルダーにしている。
「タブバーを隠す」チェックボックスも、以前はチェックボックスそのままだったが、アイコン化した。分かり難いという批判は承知しているが...(画像1の下部左端のアイコンである)

デフォルトでは「フィルター」と「タブバーを隠す」ボタンのみだが、メニューの「カスタマイズ」より、ボタンの追加/削除が行えるようになっている。

現状使えるボタンは以下のとおり。

進む
次に選択してたタブへ進む
戻る
前に選択していたタブへ戻る
全て展開
ツリーのグループを全て展開する
全て折り畳む
ツリーのグループを全て折り畳む

タブアイテムのスタイリング

画像1で、薄いグレーの文字色となったタブアイテムがあるが、これはまだタブ内のコンテンツがロードされていないタブを示す。

また、Firefox9辺りから導入される、未読のタブ(コンテンツはロードされているがまだ一度も選択されていないタブ)はピンク色(マゼンタ)で表示されるようにしている。

気に入らなければ、stylishプロファイル/chromeフォルダを作り、userChrome.cssに以下の様なのを書けば変えられるはず(もしかすると!importantは不要かも)。

@charset "utf-8";
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.pano-tree treechildren::-moz-tree-cell-text(pending) {
  color: /*好きな色*/ !important;
}
.pano-tree treechildren::-moz-tree-cell-text(unread) {
  color: /*好きな色*/ !important;
}

コンテキストメニュー

コンテキストメニューからもツールバーのカスタマイズは可能である。また、「休止させる」(英語では"Hibernate"としている)というメニューが使えるようになっていて、これは選択しているタブまたはグループ内のタブ群のコンテンツをアンロードさせて未ロード状態にする機能である。BarTabみたいのを思い浮かべてくれれば良い。正直、自分の趣味で作ったw

ツールチップ

タブアイテムのツールチップとしてタイトル、URLとサムネイルを表示していたが、URL以外のタイトルとサムネイルの表示/非表示を切り替えられるようにした。about:addonsの設定ボタンから変更できる。