Depuis quelques années, je ne me passe plus de l'extension "Vertical Tabs Reloaded" dans firefox, pour avoir les onglets ouverts dans une barre verticale.
Sauf que l'extension ne permet pas de cacher par défaut la barre verticale (pour le l'afficher qu'une fois la souris dessus), ni de cacher la barre des onglets en haut de Firefox.
Du coup ce petit CSS dans /profile_folder/chrome/userChrome.css fait ça très bien, y compris pour Firefox 107 qui me posait problème avec l'ancienne version :
/ Hide Horizontal TAB Bar /
#TabsToolbar {
visibility: collapse !important;
/
with firefox on Windows, I had to add:
display:none;
/
}
#sidebar-box {
--sidebar-hover-width: 2px;
position: relative !important;
overflow-x: hidden !important;
margin-right: calc(var(--sidebar-hover-width) -1) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
border-right: 1px solid var(--sidebar-border-color);
z-index:2147483647 !important;
}
#sidebar-box:hover {
--sidebar-visible-width: 200px;
margin-right: calc(var(--sidebar-visible-width) -1) !important;
min-width: var(--sidebar-visible-width) !important;
max-width: var(--sidebar-visible-width) !important;
}
#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover #sidebar {
opacity: 1 !important;
}
/ #sidebar-header is hidden by default, change "none" to "inherit" to restore it. /
#sidebar-header {
display: none !important;
}
/ #sidebar-splitter styles the divider between the sidebar and the rest of the browser. /
#sidebar-splitter {
display: none;
}
J'utilise l'extension Tree Style Tab sous Firefox, pour avoir mes onglets sous forme d'arbre, sur le coté gauche de l'écran (uniquement). Voilà le CSS (mise à jour, comprendre qui fonctionne depuis FF 72.0.1) qui permet de les afficher uniquement lorsque je met ma souris sur le coté gauche de l’écran. Si ça peut servir ...