Thunderbirdとスレッドペインと複数行表示

とてつもなくお久しぶりです。パソコン関係の仕事から離れ1年位たち、事務職になってまたパソコンを触る機会が増えてきたので、やっと更新できましたf^^;;

いきなりですが、言わせてください。。。「俺、頑張った‼」

今の仕事でメールを使っているのですが、パソコン含め自分で準備する環境という、なんだか微妙な環境なので、メーラーも無料で使えるThunderbirdを使用していました。
大昔にEudoraや最強メーラーとも言えるBeckyを使用しており、以前の職場ではOffice2007のOutlookを使用していたので、どうしてもこれまで使用してきたメーラーとThunderbirdを比較しちゃうんですよね。
でも、カスタマイズ性で言ったら、たぶん最強な気がするThunderbird。なんとかadd-onなりuserChrome.cssでいろいろ頑張ってました。

そんな中、どうしても方法が見つからずカスタマイズ出来なかった点。
それが、メールをリストとして表示しているスレッドペインと呼ばれる箇所の、メールの複数行表示でした。

まずは、頑張った結果を見てくださいな。
Thunderbirdの画面でスレッドペイン(Thread Pane)の2段表示に成功しちゃいました。
やろうと思えば、3段表示も出来ますし、好きな所に好きな表示を入れる事も可能です。
ただし、大きな問題があります。それは、

すべての人が同じカスタマイズではいかないという点です。うん、とっても大きい問題ですね。カスタマイズ方法も全くスマートじゃないので仕方ないです。

とはいえ、「それでも複数行表示をしたい」と言う人もいると思うので、記載してみたいと思います。
最終的にはそれぞれの環境でTry&Errorが必要になると思いますが、時間があればチャレンジしてみると良いと思います。

まずは、準備として、add-onのStylishをインストールしましょう。userChrome.cssを編集しても行けますが、上でも書いたようにTry&Errorになるので、Stylishを入れた方が断然楽です。
Stylishを入れられれば楽なんですがね。。。個人情報の収集をしていたようで、削除されました。代替えAdd-onが出るのを期待して、userChrome.cssで頑張りましょう。

次にスレッドペインに何を表示するかですが、自分がやった通りにするのであれば、「件名」「差出人」「送信日時」「添付」の順にします。

次に、~~Stylishに~~何を設定するかですが、参考に自分が設定したcssを置いておきます。

/* メールの高さを45pxに広げる */
#threadTree treechildren::-moz-tree-row {
min-height : 45px !important;
}
/* 件名を下に20px移動　スタート位置を左15px/右135px広げる */
#threadTree>treechildren::-moz-tree-cell-text(subjectCol) {
margin-bottom: -20px !important;
-moz-margin-start: -15px !important; 
-moz-margin-end: -135px !important; 
}
/* 件名横の返信マークを消す */
#threadTree>treechildren::-moz-tree-image(subjectCol) {
list-style-image: none !important;
}
/* 送信者/受信者を上に20px移動　スタート位置を左70px広げる */
#threadTree>treechildren::-moz-tree-cell-text(senderCol),
#threadTree>treechildren::-moz-tree-cell-text(recipientCol) {
margin-top: -20px !important;
-moz-margin-start: -70px !important; 
-moz-margin-end: 0px !important; 
}
/* 送信日時を上に20px移動 */
#threadTree>treechildren::-moz-tree-cell-text(dateCol) {
margin-top: -20px !important;
-moz-margin-start: 0px !important; 
-moz-margin-end: 0px !important; 
}
/* 添付ファイルの画像を下に20px移動 */
#threadTree>treechildren::-moz-tree-image(attachmentCol) {
margin-top: -20px;
}

cssが分かる人なら、まったくスマートじゃないという事が分かると思います。
cssが分からない人でも、上の通りに設定しても、まず間違いなく綺麗にいかない事からスマートじゃない事が分かると思います。
つまりこのcssは、スレッドペインの幅や「件名」「差出人」「送信日時」「添付」の幅によって移動させるpxの数値を変えないといけないのです。

ここからは、それぞれに自由に設定出来るように、頑張って説明してみたいとおもいます。

marginに関して

margin-top/margin-bottom
本来は、文字の上や下のスペースを指定して寄せる物ですが、0pxを指定しても移動しません。
なので、マイナス指定でさらに上や下に移動させます。
-moz-margin-start/-moz-margin-end
mozilla独自cssの様です。
スタート位置や終わり位置を指定するものですが、マイナス指定でスタート位置は左に終わり位置を右に移動してます。

これでもよくわからない場合、上のcssでpx指定している個所をすべて0pxにしてから、-10pxずつ変更すると、意味が分かるかなと思います。

cssのID

基本的には下記の様なルールだと思います。ただし、推測です。

#threadTree>treechildren::-moz-tree-cell-text(******Col)
→cell-textと書いてある様にテキストに対するIDだと思います

#threadTree>treechildren::-moz-tree-image(******Col)
→imageとあるように、画像に対するIDだと思います

ID内(******Col)の一覧

正直、自分も全部は試せてないです。

threadCol: スレッド
attachmentCol: 添付ファイル
flaggedCol: スター
subjectCol: 件名
unreadButtonColHeader: 既読
senderCol: 送信者
recipientCol: 受信者
junkStatusCol: 迷惑マーク
dateCol: 送信日時
locationCol: ???

locationColは、良く分かりませんでした。スレッド表示すると意味があるのかもしれませんが、自分は試してないです。。。ごめんなさい。

実践

一通りの説明は以上です。組み合わせれば、自由にいろいろ出来ると思います。
例えば、スターを表示して移動するのであれば、、、

#threadTree>treechildren::-moz-tree-image(flaggedCol){
margin-top: -??px !important;
-moz-margin-start: -??px !important; 
-moz-margin-end: -??px !important; 
}

なんて形になると思います。

ん～。。。説明下手ですみません。正直、頑張ってくださいとしか言えないかもしれません。。。

追記

Thunderbird45で、「通信相手」が追加されて、送信者/受信者が削除された様ですね。
いろいろ試行錯誤して、「通信相手」も見つけましたので、追記します。

#threadTree>treechildren::-moz-tree-image(correspondentCol) {
margin-top: -20px !important;
-moz-margin-start: -65px !important; 
-moz-margin-end: 0px !important; 
}
#threadTree>treechildren::-moz-tree-cell-text(correspondentCol) 
{
margin-top: -20px !important;
-moz-margin-start: 0px !important; 
-moz-margin-end: 0px !important; 
}

correspondentColが通信相手の様です。
逆にsenderCol/recipientColが不要になったのかもしれませんね。