このボタンには基本的に「Firefox」というラベルが表示されるようになっていますが、複数のプロファイルを使い分けているような方なら、プロファイルごとに任意のラベルを表示させることができれば便利かもしれませんね。
そんな方は、userchrome.cssに以下のCSSを記述、またはStylishで新規作成することで、Appボタンのラベルを簡単に書き換えることができるようになります。
/* Appボタンのラベルを変更する。 */
#appmenu-button .button-box .box-inherit:before {
content: "ラベルテキスト" !important;
}
#appmenu-button .button-box .box-inherit .button-text {
display: none !important;
}
#appmenu-button .button-box .box-inherit:before {
content: "ラベルテキスト" !important;
}
#appmenu-button .button-box .box-inherit .button-text {
display: none !important;
}
■Stylishでの新規作成例
コード内の[ラベルテキスト]部を自由に書き換えることで、好きなラベルに変更することができます。
■デフォルト
■CSS適用後
■もちろん日本語表記もOKです。
ただし、ある程度長いテキストになると、ボタンがタブバーにかぶってしまいます。
そのような場合は、上記コードに以下のコードを追記してください。
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 50px !important;
}
padding-left: 50px !important;
}
これを追記することでタブバーが右に寄り、ボタンがかぶらなくなります。
*ラベル文字数に応じて、[50px]部の数値を増減してください。
このように、非常に簡単なコードを追加するだけで、好みのラベルに変更できます。
同じようなカスタムができるユーザースタイルやアドオンはいくつかありますが、単にラベルだけ変更できればいいという方は、試してみてはいかがでしょうか。
＜関連記事＞
■FirefoxのAppボタンデザインを自由に変更できるアドオン「CustomAppButton」
■FirefoxのAppボタンをアイコン化してスペースを節約できるアドオン「Short menu button」
■Firefoxの[Appメニュー]を縦1列で表示できるユーザースタイル「Firefox - Appmenu Popup display vertical」
日本語で入力すると、文字化けしてしまうのですが、何か条件等あります？
お分かりでしたら、ご教示願います。