Floorpでパネルサイドバーのアイコンを中央にする

タイトルの通りです。

userChrome.css をちょっと弄ります。

かんがえる

デフォルトだと、flex 1 のスペーサーが入っており、上寄せになっているみたい。

こんな感じ。

なので、1 番上のアイコン要素も flex 1 にしてスペーサーと同じだけ幅を広げ、アイコンの画像自体は 1 番下に表示させる。

こんな感じ。

やる

設定から、「Floorp Hub」→「プロファイルとアカウント」→「プロファイルの保存先を開く（開かなければ、「プロファイルマネージャーを開く」からルートディレクトリを開く）」と進み、設定ファイルたちとご対面。

chrome/userChrome.css を開き、書き込む。

#panel-sidebar-select-box > .relative:first-child {
  display: flex;
  flex: 1;
  align-items: flex-end;
} 

更新でクラスが relative から panel-sidebar-button-wrapper になっていた。わかりやすい。

#panel-sidebar-select-box > .panel-sidebar-button-wrapper:first-child {
  display: flex;
  flex: 1;
  align-items: flex-end;
}

こんな感じ。

Floorp を再起動して、できてたら OK。