― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 4 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2016年6月10日(金) 13:14 
Windows10、Thunderbird45.1.1 環境です。

Thunderbird使用して、1か月の初心者です。
メッセージペイン内のヘッダビューのカスタマイズについて、お尋ねします。

ヘッダビューの文字サイズを変更したいのですが、Stylish2.0.6を使用して


#msgHeaderView .headerValue {

font-size: 15px !important;

}

とすると、差出人、件名、宛先、送信日時の全ての文字サイズが15pxに変更されます。

これを 「差出人を 10px、 件名を 15px、 宛先を 11px、 送信日時を 9px」のように、個別に変更したいのです。
Stylishで行う方法はありますか。
よろしくお願い致します。

_________________
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2016年6月10日(金) 19:21 
オフライン

登録日時: 2011年7月14日(木) 22:59
記事: 547
TB999 さんが書きました:
「差出人を 10px、 件名を 15px、 宛先を 11px、 送信日時を 9px」のように、個別に変更したいのです。
Stylishで行う方法はありますか。

以下の内容でどうでしょうか。!importantの記述は要らないと思います。
コード:
#expandedfromBox{
font-size: 10px;
}

#expandedsubjectBox{
font-size: 15px;
}

#expandedtoBox{
font-size: 11px;
}

#dateLabel{
font-size: 9px;
}

上から差出人、件名、宛先、日時です。
差出人については
コード:
#expandedHeaderRows{
font-size: 10px;
}

でも行けると思います。変更後の画像を添付します。
添付ファイル:
headerview.png
headerview.png [ 21.18 KiB | 表示数: 4440 回 ]


これらのセレクタはDOM inspectorのDOM nodesやAccessible Treeから調べるのがよいです。
添付ファイル:
domaccessibletree.png
domaccessibletree.png [ 26.83 KiB | 表示数: 4440 回 ]

_________________
Thunderbirdの基本を書いています(ずっと発展途上) とりかごとなり。
基本の操作(画像あり):バージョン確認 / セーフモード / 新規プロファイル作成
Mozilla/5.0 (Windows NT 6.3; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2016年6月11日(土) 10:25 
meeyarさん おはようございます。 早速のご回答ありがとうございます。

ご指示いただいた内容をStylish2.0.6でトライしました。
結果は、不成功でした。そこで、以下のごとく、個別にトライしてみました。
但し書き
「差出人」 「件名」 等の「」は、左端に表示される題名を示しています。
差出人、件名等、「」のないものは、送信メールの内容を示しています。

1. expandedfromBox について
フォントサイズを変更しても文字サイズに変化なく、差出人と件名の行間が開いていくだけ
これは、差出人に割り当てられたボックスの大きさを変更しており、文字サイズを変更しているのではないと判断しました。

2. expandedsubjectBox について
フォントサイズを変更しても、何の変化もなし。

3. expandedtoBox について
フォントサイズを変更しても文字サイズに変化なく、「宛先」の文字が上下に移動する。
これは、「宛先」に割り当てられたボックスの大きさを変更しているのではないかと思われます。

4. dateLabel について
これだけ成功。フォントサイズ変更で文字サイズが変わる。

5. expandedHeaderRows について
フォントサイズを変更しても文字サイズに変化なし
「差出人」の文字サイズが変わる。

以上でした。


また、!important の記述をしても同様の結果でした。

DOM inspector については、今回の件で導入しましたが、私のレベルでは難解です。
ヒントを頂いたので、再度調べてみます。

ご回答をお願いいたします。

_________________
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2016年6月11日(土) 13:11 
meeyarさん お世話になっております。
ご指示頂いた内容が不成功であった理由が分かりました。
私が、あらかじめ一つスタイルを設定していた事が理由でした。
スタイルは、以下の通りです。


/* 「差出人」「件名」「宛先」の内容 */
#msgHeaderView .headerValue {
color: #006699 !important;
font-size: 15px !important;
font-family: " Meiryo UI " !important;
}

この設定で、「差出人」「件名」「宛先」の全ての文字サイズが15pxに統一されてしまった事から
今回のご質問となりました。
この設定を無効にしてから、新たにご指示の内容で設定した所、添付して頂いた通りの状態になりました。
当方のミスでした。お詫びいたします。

とりあえず、解決とさせていただきますが、今後ともご教示の程宜しくお願い致します。

_________________
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0


通報する
ページトップ
  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 4 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: Cai, Google [Bot] & ゲスト[118人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean