MozillaZine.jp フォーラム https://forums.mozillazine.jp/ |
|
ヘッダビューの文字サイズを個別に変更したい https://forums.mozillazine.jp/viewtopic.php?f=3&t=16169 |
ページ 1 / 1 |
作成者: | TB999 [ 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で行う方法はありますか。 よろしくお願い致します。 |
作成者: | meeyar [ 2016年6月10日(金) 19:21 ] |
記事の件名: | Re: ヘッダビューの文字サイズを個別に変更したい |
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; } でも行けると思います。変更後の画像を添付します。 添付ファイル: これらのセレクタはDOM inspectorのDOM nodesやAccessible Treeから調べるのがよいです。 添付ファイル:
|
作成者: | TB999 [ 2016年6月11日(土) 10:25 ] |
記事の件名: | Re: ヘッダビューの文字サイズを個別に変更したい |
meeyarさん おはようございます。 早速のご回答ありがとうございます。 ご指示いただいた内容をStylish2.0.6でトライしました。 結果は、不成功でした。そこで、以下のごとく、個別にトライしてみました。 但し書き 「差出人」 「件名」 等の「」は、左端に表示される題名を示しています。 差出人、件名等、「」のないものは、送信メールの内容を示しています。 1. expandedfromBox について フォントサイズを変更しても文字サイズに変化なく、差出人と件名の行間が開いていくだけ これは、差出人に割り当てられたボックスの大きさを変更しており、文字サイズを変更しているのではないと判断しました。 2. expandedsubjectBox について フォントサイズを変更しても、何の変化もなし。 3. expandedtoBox について フォントサイズを変更しても文字サイズに変化なく、「宛先」の文字が上下に移動する。 これは、「宛先」に割り当てられたボックスの大きさを変更しているのではないかと思われます。 4. dateLabel について これだけ成功。フォントサイズ変更で文字サイズが変わる。 5. expandedHeaderRows について フォントサイズを変更しても文字サイズに変化なし 「差出人」の文字サイズが変わる。 以上でした。 また、!important の記述をしても同様の結果でした。 DOM inspector については、今回の件で導入しましたが、私のレベルでは難解です。 ヒントを頂いたので、再度調べてみます。 ご回答をお願いいたします。 |
作成者: | TB999 [ 2016年6月11日(土) 13:11 ] |
記事の件名: | Re: ヘッダビューの文字サイズを個別に変更したい |
meeyarさん お世話になっております。 ご指示頂いた内容が不成功であった理由が分かりました。 私が、あらかじめ一つスタイルを設定していた事が理由でした。 スタイルは、以下の通りです。 /* 「差出人」「件名」「宛先」の内容 */ #msgHeaderView .headerValue { color: #006699 !important; font-size: 15px !important; font-family: " Meiryo UI " !important; } この設定で、「差出人」「件名」「宛先」の全ての文字サイズが15pxに統一されてしまった事から 今回のご質問となりました。 この設定を無効にしてから、新たにご指示の内容で設定した所、添付して頂いた通りの状態になりました。 当方のミスでした。お詫びいたします。 とりあえず、解決とさせていただきますが、今後ともご教示の程宜しくお願い致します。 |
ページ 1 / 1 | All times are UTC + 9 hours |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |