Do You PHP はてブロ

Do You PHPはてなからはてブロに移動しました

Firefox58.0.1でFaviconize Tabのようにタブを表示する

Firefox57にアップデートした際にタブをuserChrome.cssを使ってFaviconize Tabっぽくしたのですが、58.0.1にアップデートしたところxulのidや構造が変わってしまったのか、また元に戻ってしまいました。
ということで、

あたりを参考にして、chrome://browser/content/browser.xulのインスペクターとにらめっこしつつuserChrome.cssちょっといじってみました。大きくはtabbrowser-tabsがclassからidに変わったみたいですね。最終的には以下の通りです。

@charset "utf-8";

tab .tab-text,
tab .tab-text-stack * {
   margin: 0px;
   padding: 0px;
   max-width: 0px;
   display: none;
}

tab .tab-content,
#tabbrowser-tabs tab[fadein="true"] {
   min-width: 36px !important;
   max-width: 52px !important;
}

#tabbrowser-tabs tab[fadein="true"]:not([selected="true"]),
#tabbrowser-tabs tab[fadein="true"] {
   max-width: 36px !important;
}

#tabbrowser-tabs tab .tab-close-button {
   display: none !important;
}

#tabbrowser-tabs tab[pending] {
   opacity: .6;
}

これを、AppData/Roaming/Mozilla/Firefox/Profiles/xxxxxxxxx.default/chrome/userChrome.cssとして保存&再起動すると、

こんな感じで表示されるようになりました。