新ブログの該当記事に転送中です。少々お待ち下さい。
(転送されない場合は下記リンクからお進み下さい)

『Firefox:メニューバーに配置したアドオンアイコンを右寄せにする』
https://at.sachi-web.com/blog-entry-1525.html

このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなくて損したPC情報とかを分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

Firefox:メニューバーに配置したアドオンアイコンを右寄せにする

このエントリーをはてなブックマークに追加
操作画面


こんにちは、さち です。

今回は、Firefox Quantum(バージョン57以降)で
メニューバーに配置したアドオンアイコンを右寄せにする方法
(メニューは左寄せにしつつ、アドオンアイコンだけを右寄せにする)
について書いていきます。




メニューバーに置いたアイコンを右寄せにしたい

Firefox 56 以前では、アドオン関連のアイコンを
アドオンバー(ステータスバー)に置いていたのですが
Firefox Quantum にはその場所がなくなってしまいました。

そこで、メニューバーの空きスペースに置くことにしました。
しかし、通常の状態ではすべてのメニュー,アイコンが左寄せになります。
操作画面

個人的には、このように
「メニュー」は左寄せ、「アドオンアイコン」を右寄せに配置したいのです。
操作画面




期待通りの動きをしない「伸縮自在のスペース」

アドオンアイコンだけが右寄せになるよう
「カスタマイズ」から「伸縮自在のスペース」を入れてみます。

昔は、1つ入れれば最大幅まで広がった気がするんですが
そうではないようで、複数個挿入してみました。
操作画面

しかし、Firefox のウィンドウ幅が狭くなった時に
「メニュー」と「アドオンアイコン」の間にスペースが残ってしまいます。
操作画面

「伸縮自在」とは何だったのか……。
伸び方も縮み方も期待してたのと違う……。




「userChrome.css」を使って解決する

「userChrome.css」ファイルを作成、これを Firefox に適用することで
アドオンアイコンの右寄せを実現させます。
下記の手順を行う前に、Firefox を終了しておいて下さい。

  1. テキストエディター(「メモ帳」など)を開いて、このように記述。
    @-moz-document url(chrome://browser/content/browser.xul) {

    #toolbar-menubar {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    }

    #menubar-items {
    margin-right: auto !important;
    flex-shrink: 0 !important;
    }

    }

  2. 「ファイル名」を「userChrome.css」
    「ファイルの種類」を「すべてのファイル」
    「文字コード」を「UTF-8」にして、ファイルを保存します。
    操作画面

  3. エクスプローラーのアドレスに
    %APPDATA%\Mozilla\Firefox\Profiles」と入力して、「Enter」キーを押します。
    Firefox プロファイル

  4. 使用中のプロファイルフォルダー「ランダム文字列.default」をクリック。
    Firefox プロファイル

  5. 「chrome」フォルダーをクリック(ない場合は作成)。
    Firefox プロファイル chrome

  6. 先ほど保存した「userChrome.css」を
    「chrome」フォルダーにドラッグ&ドロップ(コピーする)。
    操作画面

  7. Firefox を起動すると
    メニューバーに配置したアドオンアイコンが右寄せになっています。
    操作画面

  8. ウィンドウを狭くした時は、ちゃんと「メニュー」のすぐ横まで接近します。
    操作画面




以前は、「Stylish」などの
ユーザーCSS を適用するアドオンでも同じことができましたが
Quantum(57以降) では、セキュリティ強化のためできなくなりました。

「userChrome.css」を使えば可能ですが
この方法もいつかできなくなるかもしれませんね……。




このエントリーをはてなブックマークに追加




ブログ移転に伴い、コメント受付は終了しました。



記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

2008-2019 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

ブログパーツ