Marsyの徒然日記

Firefox ver57(Quantum) のページ内検索バーの位置を下部から上部に変更する方法



読了までの目安時間:約 4分

 

2018-01-21_233216

FirefoxをQuantumにバージョンアップしたら、ページ内検索バー(Find bar)が最下部に表示されるようになり、Roboformのツールバーと重なってとても使いづらくなってしまったので、ページ内検索バーの位置を最下部から上部に変更しました。

 

2018-01-21_214354

 

1.プロファイルフォルダを開く

Firefoxのプロファイルフォルダを、メニュー ~ ヘルプ ~ トラブルシューティング情報 の「プロファイルフォルダー」から開きます。

 

2018-01-21_200007

 

 

2.上記プロファイルフォルダ内に「chrome」という名前のフォルダを作る

 

2018-01-21_200321

 

3.chromeフォルダのショートカットをデスクトップに作る

場所がわからなくならないように、chromeフォルダのショートカットをデスクトップに作っておきます。

  • 右クリック ~ 送る ~ デスクトップ

 

4.chromeフォルダ内にuserChrome.cssを作成する

chromeフォルダ内に、以下の内容のuserChrome.cssを作ります。

一応、こちらに下記内容のuserChrome.cssを置いておきますので、"右クリック" ~ "名前を付けてリンク先を保存" でダウンロードして使ってください。

chrome 20180122 00610

 

<Firefoxのfind barを上部に位置変更するための、userChrome.css の内容>
~~~~~ここから~~~~~~

.browserContainer > findbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 1em;
border: 1px solid threedshadow !important;

/* Hide the "border" at the top by removing the box-shadow and background-image */
border-top: none !important;
box-shadow: none !important;
background-image: none !important;

/* Uncomment to add a transition from the top */
/*
transition: 400ms !important;
z-index: 0 !important;
*/
}

.findbar-closebutton {
margin-inline-start: 0.5em !important;
vertical-align: middle !important;
margin-bottom: 0.25em !important;
height: inherit !important;
}

~~~~~ここまで~~~~~~

 

5.Firefoxを再起動して完了

上記cssファイルをChromeフォルダ内に作成後、Firefoxを再起動するとページ内検索バーは上部に表示されるようになります。

 

2018-01-21_211409b

 

以上です。

 

参考サイト:https://www.userchrome.org/how-create-userchrome-css.html


 

PC    コメント:0

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: