MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

教えてください　メール着信時のポップアップ通知　CSS
https://forums.mozillazine.jp/viewtopic.php?f=3&t=16818		 ページ 1 ／ 1
作成者:  たけぞう [ 2017年10月06日(金) 03:18 ]
記事の件名:  教えてください　メール着信時のポップアップ通知　CSS
こんにちは、Thunderbirdを使っていて、右下の新着メール通知ウィンドウが小さすぎて見えないため、サイズアップ　フォントサイズアップが出来ればと思っています。


既にメーラー本体の、フォルダペイン、スレッドペインの文字サイズの調整を行っています。
なので、userChrome.cssは設置済みです。


やりたいのは　新着メールポップアップウィンドウを大きくする事と、新着メールの件名を大きくする事です。
詳しい方、よろしくお願いいたします。
作成者:  諸行無常 [ 2017年10月07日(土) 07:42 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
「投稿」時の文字サイズが大き過ぎて、かえって見づらいです。
＞強調表現など特別な意図がある箇所を除いては、default のままで、お願いします。
もしや？、視力に問題があり、当「返信」の文字が小さく感じられますか？
Browser の ＋／－ などの拡大／縮小ツールや「拡大鏡」では不都合でしょうか？
そうであれば、文字を拡大させていただきますので、その旨、ご返信願います。
たけぞう さんが書きました:
こんにちは、Thunderbirdを使っていて、右下の新着メール通知ウィンドウが小さすぎて見えないため、サイズアップ　フォントサイズアップが出来ればと思っています。
既にメーラー本体の、フォルダペイン、スレッドペインの文字サイズの調整を行っています。
なので、userChrome.cssは設置済みです。
やりたいのは　新着メールポップアップウィンドウを大きくする事と、新着メールの件名を大きくする事です。
詳しい方、よろしくお願いいたします。

詳しい者ではないですが、
しかも「新着メールポップアップウィンドウを大きくする事と、新着メールの件名を大きくする事」とは、噛み合わない返信になりますが・・・
userChrome.css などの七面倒臭いことをしなくても下記の要領では、どうでしょうか？
Thunderbird 52.3.0 を前提に
▶方策①
メニュー ＞ 表示 ＞ 拡大/縮小
にて、多少の調整が可能です。

▶方策②
メニュー ＞ オプション ＞ 表示 ＞ 書式 ＞
フォントと配色の項で、
サイズ（S）
詳細設定（A）
にて、お好みに変えることができます。

▶方策③
拡張機能（Addon）：Theme Font & Size Changer :: Thunderbird 向けアドオン
Theme Font＆Size Changerでは、Firefox や Thunderbird のユーザーインターフェイス（UI）に使用されるグローバルフォントサイズとフォントファミリを変更できます。 あなたの好みのフォントであなたの UI にカスタマイズできます。

▶方策④
スレッドビューの上端右「その他▼」で、クラシック表示を選択すれば、別タブに全画面表示のものが開きます。

▶方策⑤
拡張機能：Zoom Button for Thunderbird 0.0.8（※）などを実装すれば、画面の拡大／縮小が可能になります。
※動作環境: Thunderbird 31.0 - 41.0a1 となっていますが、強制ダウンロードで実装可能です（実装していますが、v52.3.0 でも正常に機能しています）。
Thunderbird のツールバーのカスタマイズ | Thunderbird ヘルプ

▶方策⑥
拡張機能：Stylish :: Thunderbird 向けアドオン
ユーザースタイルのマネージャー Stylish で、UI をカスタマイズする。

「Thunderbird Conversations 2.13.3」と「TT DeepDark 11beta16」などの拡張機能を 78 アイテム実装しているため、標準仕様とは別物の UI になっており、記述内容（解説の箇所や名称）にかなりの差異が生じています。適当に、当てはめて下さい。
お役に立てば幸いです。
では。
作成者:  諸行無常 [ 2017年10月07日(土) 16:15 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
追伸です。

Thunderbird　新着メッセージ　ポップアップウィンドウを拡大したい
の記述式で、web 検索をしたところ

下記の事例が見付かりました。
＞ MozillaZine.jp フォーラム • トピック - 画面を変更せずにThunderbirdの文字を大きくする
＞ MozillaZine.jp フォーラム • トピック - 受信トレイ画面の文字を大きくできない
＞ 拡張機能：Blinking Alert :: Thunderbird 向けアドオン （新着メール通知に点滅機能を追加します。通知を自動的に閉じないようにもできます。※動作環境: Thunderbird 24.0 - 31.* なので、v52.3.0 では機能不全や Thunderbird が不具合を起こすかもしれません。十分に注意して下さい）

拡張機能の実装方法
＞ アドオンを入れてみようではないか。 - とりかごとなり。
では。
作成者:  meeyar [ 2017年10月08日(日) 00:34 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
諸行無常さん、そのリンク先はThunderbirdのメインの画面そのものを対象としたトピックなので、直接ポップアップ（新着通知）どうこうの内容ではありません。
新着通知そのものはThunderbirdの機能に含まれ、かつuserChrome.cssによる制御も可能ですが、具体的に該当する要素（cssのidやclassといったもの）を知らないと書きようがないです。

ということで、DOM inspectorで調べました。
userChrome.cssに以下を書いて下さい。

コード:
#alertTextBox{
font-size: 16px;
}

この場合は、新着通知全体（黒枠内）のフォントを一律（同じ大きさ）に変更します。
数値は環境に合わせ任意にしてください。
添付ファイル:
コメント: まとめて一律指定
Textalert1.png
Textalert1.png [ 32.05 KiB | 表示数: 15567 回 ]

それぞれ異なる大きさのフォントに指定したい場合は、
コード:
#alertTitle{
font-size: 18px;
}

#folderSummaryInfo{
font-size: 20px;
}

通知のタイトル部（#alertTitle：赤枠）とメールのサマリー（青枠：#folderSummaryInfo）とで分けて指定しています。
添付ファイル:
コメント: 要素ごとに指定
Textalert-2.png
Textalert-2.png [ 29.45 KiB | 表示数: 15567 回 ]
作成者:  諸行無常 [ 2017年10月08日(日) 06:23 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
＞ meeyar さん
トピック（新着メールポップアップウィンドウを大きくする事と、新着メールの件名を大きくする事）への「解答」をありがとうございます。
DOM inspector の件、勉強になりました。
御礼まで
作成者:  たけぞう [ 2017年10月08日(日) 06:51 ]
記事の件名:  回答いただいた皆様ありがとうございました。
質問者です。
回答いただいた皆様ありがとうございました。

先の質問はメーラー本体ではなく、ポップアップの事を対象に書いたつもりでしたが、誤解を招いてしまい、すみませんでした。
実際の回答は

#alertTextBox{
font-size: 20px;
}

を指定する事で目的を果たせました。
ありがとうございます。


それで文字は大きくなり目的を果たせたのですが、新たな問題が出てきました。
メーラー本体をアクティブにせずに、このポップアップだけでもう少し文末まで文字を確認したいのですが、このように途中から.......となってしまいますが、これをもう少し表示させる事は可能でしょうか？

よろしく、お願いいたします。

添付ファイル:
AAA.png
AAA.png [ 34.01 KiB | 表示数: 15838 回 ]
作成者:  meeyar [ 2017年10月08日(日) 17:15 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
たけぞう さんが書きました:
それで文字は大きくなり目的を果たせたのですが、新たな問題が出てきました。
メーラー本体をアクティブにせずに、このポップアップだけでもう少し文末まで文字を確認したいのですが、このように途中から.......となってしまいますが、これをもう少し表示させる事は可能でしょうか？

提示された画像でABCDEFGHIJKL…となっているのは、太字なので恐らくメールの件名と思います。
当方の環境ではボックス一杯にメール本文のプレビューが表示され、確かに末尾のみ…になりますが、そこまでの文字列はすべて表示されており、たけぞうさんがお示しの状況にはならないです。（Win8.1＋Thunderbird52.3.0環境）
わかりやすいように、プレビュー部（#folderSummaryInfo）のみフォントサイズを20pxに揃えたもの
添付ファイル:
textalert7.png
textalert7.png [ 51.12 KiB | 表示数: 15760 回 ]

userChrome.cssにおいて、どこか他に変更箇所（ポップアップのサイズを極端に大きく指定した、とか）などありましたら、それらが影響している可能性はあるかもしれません。
作成者:  たけぞう [ 2017年10月08日(日) 18:07 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
meeyarさん

回答ありがとうございます。

提示頂いた画像から件名での確認は厳しそうなので、メッセージのプレビューで確認しようと思い、メッセージプレビューもONにしてみました。
チェックは件名とメッセージプレビューの状態です。

しかし今度は、メッセージのプレビューをしてくれなくて件名のみ表示される状態です。

確認の為、　userchrome.CSS　をオフにして（ThunderBirdがデフォルトの状態　他に改変している場所は無し）試してみたのですが、やはり件名しか表示されません。

謎になってきました・・・


肝心の目的についてですが、現在件名しか表示されない状態なので、件名の文字サイズを少し落として目的語のある部分まで表示されるようにして使おうと思います。


ちなみに　userchrome　の内容は以下の通りです

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* フォルダペインのフォントサイズを変更する */
#folderTree treechildren {
font-size: 20px;
/* font-weight: bold; */
}
/* スレッドペインのフォントサイズを変更する */
#threadTree treechildren {
font-size: 20px;
/* font-weight: bold; */
}
#alertTextBox{
font-size: 20px;
}
回答ありがとうございます。


添付ファイル:
AAB.png
AAB.png [ 32.67 KiB | 表示数: 15755 回 ]
作成者:  opanchi_1963 [ 2017年10月08日(日) 22:02 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
新規にプロファイルを作って、たけぞうさんが掲示されたCSSを利用して、Windows8.1＆Thunderbird52.4.0で試してみました。
コード:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* フォルダペインのフォントサイズを変更する */
#folderTree treechildren {
font-size: 20px;
/* font-weight: bold; */
}
/* スレッドペインのフォントサイズを変更する */
#threadTree treechildren {
font-size: 20px;
/* font-weight: bold; */
}
#alertTextBox{
font-size: 20px;
}


添付ファイル:
popup.png
popup.png [ 99.6 KiB | 表示数: 15719 回 ]

文字サイズ20pxってこんなに大きいんですね。ちょっとびっくりしました。
ポップアップ通知の部分はこの程度だということで参考に。

試しに送ってみたメールの中身は「明日は市民体育祭のため午前９時までに市民グラウンドまで集合して下さい。以上テストメールです。」です。
作成者:  たけぞう [ 2017年10月08日(日) 22:59 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
opanchi_1963さん


検証ありがとうございます。
大きさ把握できました。

このポップアップのメッセージプレビューが利用できれば何も問題ないのですが、再度表示をプレビューのみで試してみたところ、画像の通りメッセージ本文をプレビューしてくれない所に問題がありそうでした。

依然として問題解決出来なさそうなので、件名をサイズダウンして利用したいと思います。

回答ありがとうございました。

添付ファイル:
AAC.png
AAC.png [ 13.51 KiB | 表示数: 15705 回 ]
作成者:  opanchi_1963 [ 2017年10月09日(月) 11:13 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
たけぞう さんが書きました:
提示頂いた画像から件名での確認は厳しそうなので、メッセージのプレビューで確認しようと思い、メッセージプレビューもONにしてみました。
チェックは件名とメッセージプレビューの状態です。
しかし今度は、メッセージのプレビューをしてくれなくて件名のみ表示される状態です。
確認の為、　userchrome.CSS　をオフにして（ThunderBirdがデフォルトの状態　他に改変している場所は無し）試してみたのですが、やはり件名しか表示されません。
謎になってきました・・・

たけぞう さんが書きました:
このポップアップのメッセージプレビューが利用できれば何も問題ないのですが、再度表示をプレビューのみで試してみたところ、画像の通りメッセージ本文をプレビューしてくれない所に問題がありそうでした。

以前はちゃんと表示されていたと言うことですか。それで上記の事は、新規にプロファイルを作成して試しても同じと云うことなのですか？
そうでなく既存のプロファイルでuserChrome.cssを無効にして試しただけなら、新規プロファイルではどうなのか試してみる価値はありそうですが。（アドオンとか一切入れずにuserChrome.cssのみで）
作成者:  たけぞう [ 2017年10月11日(水) 23:23 ]
記事の件名:  Re: 教えてください　メール着信時のポップアップ通知　CSS
opanchi_1963 さんが書きました:
たけぞう さんが書きました:
提示頂いた画像から件名での確認は厳しそうなので、メッセージのプレビューで確認しようと思い、メッセージプレビューもONにしてみました。
チェックは件名とメッセージプレビューの状態です。
しかし今度は、メッセージのプレビューをしてくれなくて件名のみ表示される状態です。
確認の為、　userchrome.CSS　をオフにして（ThunderBirdがデフォルトの状態　他に改変している場所は無し）試してみたのですが、やはり件名しか表示されません。
謎になってきました・・・

たけぞう さんが書きました:
このポップアップのメッセージプレビューが利用できれば何も問題ないのですが、再度表示をプレビューのみで試してみたところ、画像の通りメッセージ本文をプレビューしてくれない所に問題がありそうでした。

以前はちゃんと表示されていたと言うことですか。それで上記の事は、新規にプロファイルを作成して試しても同じと云うことなのですか？
そうでなく既存のプロファイルでuserChrome.cssを無効にして試しただけなら、新規プロファイルではどうなのか試してみる価値はありそうですが。（アドオンとか一切入れずにuserChrome.cssのみで）




opanchi_1963さん


ヒントありがとうございます。


＞＞＞＞以前はちゃんと表示されていたと言うことですか。
以前はポップアップ通知をしてなかったので、不明ですが現在件名のフォントサイズを落として確認が出来るようにしています。
現在のところ、この状態が使いやすい事に気づきまして、これでやって行こうと思います。

折を見て、新規プロファイルでも試してみたいと思います。

回答頂きありがとうございます。
ページ 1 ／ 1 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/