堕天使の煉獄

ぐぬう……。

なんか更新きてたので、サクッとfirefoxを133に更新かけたらば。
ここ最近大人しかったので油断してたなぁ……。
またタブが上に移動してやがる……。

もーレイアウト関係勝手に変えるのやめてくれよと。

んで、すぐに更新しちゃったので、まだタブを下に戻す方法とかどこにも出てこなくて。
タブを下にするのどうやるの難民の人がちらほら出てきたりで。
一定数、タブは下じゃなきゃ嫌だって層いるのいい加減わかってほしいなほんと。
設定一発で選べる感じにしてくれよと。

んで、このままだとどうにも落ち着かないのでなんとか自前で修正してみることにする。


ちょっと前に、どこぞで見つけたタブを下にするuserChrome.cssのコード貼り付けただけだと要素の高さとか細かいところでおかしな部分とか気に入らない部分とかあったりで。

コピペした部分と、それ以外に自分でいじってた部分の差異が原因だったりするんですけどね。

できる限りタブバーとツールバーの高さをギリギリまで細くして、少しでもサイトの表示部分を大きく確保したいのでそのへんで色々と修正が必要で。

んで、いじるにしてもcssの要素の名前がわからんねん……。

て感じで、該当箇所をいじってるようなcssを探して、そこでやっと要素名がわかるみたいなとてもめんどくさい感じの事やってたりで。

で、これもうちょっとマシなやり方ないのかと以前調べてみたところ、firefox自体をデバッグするモードでなんやかんやすると、firefox自体のcssが見れる方法があるとかで。
それで色々と修正捗るぅ～って感じだったんですけども。


でもそれやったの随分前の話で、えーっと……どうやるんだったっけ？　と思い出すところからスタート。


開発ツールの設定から

ブラウザとアドオンのデバッガーを有効化
リモートデバッガを有効化

の2つをチェック。

するとブラウザコンソールを開くと「リモートデバッガを有効化しますか？」というポップが出るので許可。

するとインスペクタでfirefox自体のcssが見れるようになるので、要素名が確認できる感じに。



んで見てみたら

cssのflexでツールバーとかあのへんのはみんな設定されているのだけども。


もともと現状のuserChrome.cssでタブを下にしてる部分の肝の部分が

#titlebar {
order: 2 !important;
}

てところだったんだけども。
orderがflaxboxの表示順なので、タイトルバーが0、ツールバーが1で、タブバーが2なかんじ？　になる感じに書き換えてるっぽいんだけども。
タブバーなのになんでtitlebar？

と思ってはいたのですが。

133になったらここの要素名がtitlebarから「TabsToolbar」っていう名称に変わってる感じみたいですね。

#TabsToolbar {
order: 2 !important;
}

に書き換えたらタブが無事に最下段に。

なんでtitlebarなんだ？　ってのはその場しのぎで書かれたコードだったっぽくて、今回ちゃんとした名称に書き換えたって感じなんですかね？　知らんけど。

他にもちょこちょこ変更があったみたいでタブバーの高さが大きくなった（下部に余白が増えてるかんじ）とか、url表示のボックスの表示が下にズレてはみ出てたりとか。

んー今回の更新で全体的に要素名とか整理して綺麗に書き直してある感じなんですけど、以前の場当たり的なコードをさらに場当たり的なuserChrome.cssで無理やり見た目を整えてた部分で色々とおかしなことになってる感じで。

ちまちまと要素を調べては直し、調べては直し……。

最近ちょっぴりハマってる、ドラッグストアで売ってるバターたっぷりのメロンパンみたいな商品名のメロンパンをオーブンで焼くと、めっちゃバターの香りが芳しくて。
それと無糖のミルクティー（前は78円だったのにいま98円にまで値上がりしてるぅ……）のセットを飲み食いしながらお絵かきしようかなーと思ってたのに。

このfirefoxのレイアウトを「ファッキンファッキン」言いながら治す間に消費しちゃったので、なんか台無し感でしょんぼり。
オーブンで焼いた直後の芳しい感じは焼き立てじゃないと意味がないのですぐ食べないとアレだし。


ふわーんといい香りのするメロンパンと紅茶を机において、とりあえずサラリとネットニュースでなんか目立った記事とかないかチェックして……っと。
お、firefox更新きてるやん。
まあ最近は0デイとか怖いからセキュリティ的には即更新がベターだよね。
ここ最近はタブを勝手に上に戻されるのとかなくて落ち着いてきてるし……ぽちっとな♪

「あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛っ！！」

って感じでｗ

最近はあんまり見なくなったけど、マーフィーの法則ってやつだね。
っていうか「マーフィーの法則」っていう単語久しぶりに思い出したな。

んでもuserChrome.css書きかえて更新ってやると、「リモートデバッグを許可しますか？」のポップが毎回でるわ、開いてたタグのブロックもみんな閉じちゃうわで、色々とめんどくさかったです。

ほんと更新のたびにまた余計な変更されてないかビクビクしなきゃならんのはなんとかしてほしいところ。

んでも便利なアドオン多すぎて、いまさらfirefox以外の選択肢ないんだよなぁ……。