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;
}
#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;
}

— Permalink