>>220
ツリー型タブのアドオン入れてて昔みたいに自動開閉したいな〜と調べていいのがあったので改変
見た目はこんなん
https://i.imgur.com/hBv4WWi.png

一応左サイドバー用、右の場合は記述部分のright→leftで対応可能なはず
--hover-widthが標準で見えてる部分の幅、--visible-widthがホバーした時のサイドバーの横幅
自動計算になってるからその部分の数字をお好みでどうぞ
:root {
--hover-width: 40px;
--visible-width: 200px;
}
#sidebar-box {
position: relative !important;
left: var(--hover-width) !important;
overflow-x: hidden !important;
min-width: var(--hover-width) !important;
max-width: var(--hover-width) !important;
margin-right: calc(var(--hover-width) * -1) !important;
}
#sidebar-box:hover {
min-width: var(--visible-width) !important;
max-width: var(--visible-width) !important;
left: var(--visible-width) !important;
margin-right: calc(var(--visible-width) * -1) !important;
}

参考
https://www.reddit.com/r/FirefoxCSS/comments/6y7wei/userchromecss_replacements_for_legacy_ui_addons/dmlxi61/