Firefox – Extension Sidebery

L’extension Sidebery est une extension qui permet d’avoir les onglets en mode vertical dans Firefox, mais pourquoi passer par une extension alors que Mozilla propose une version native des onglets verticaux dans Firefox depuis la version 135 ? Cette extension est plus complète et apporte plus de fonctionnalité tout simplement !

Ajout extension et intégration avec firefox

1. Ajouter l’extension : https://addons.mozilla.org/fr/firefox/addon/sidebery/
2. Ouvrir les paramètres de l’extension
3. Catégorie « General »
4. Mettre sur « on » le champ « Add preface to the browser window’s title if Sidebery sidebar is active »
5. Renseigner la valeur du caractère non visible en unicode dans le champ « Preface value »
6. Fermer l’onglet des paramètres de l’extension
7. Ouvrir un onglet sur about:config
8. Valider l’avertissement et lancer la recherche : toolkit.legacyUserProfileCustomizations.stylesheets
9. Passer la valeur sur true
10. Ouvrir un onglet sur about:profiles
11. Dans le profil en cours d’utilisation, cliquer sur le bouton « Ouvrir le dossier » pour le répertoire racine
12. Créer un dossier chrome et un fichier userChrome.css s’ils n’existent pas
13. Dans le fichier userChrome.css renseigner le code suivant (source) et sauvegarder le fichier :

/**
 * Dynamic Horizontal Tabs Toolbar (with animations)
 * sidebar.verticalTabs: false (with native horizontal tabs)
 */
 #main-window #TabsToolbar > .toolbar-items {
    overflow: hidden;
    transition: height 0.3s 0.3s !important;
  }
  /* Default state: Set initial height to enable animation */
  #main-window #TabsToolbar > .toolbar-items { height: 3em !important; }
  #main-window[uidensity="touch"] #TabsToolbar > .toolbar-items { height: 3.35em !important; }
  #main-window[uidensity="compact"] #TabsToolbar > .toolbar-items { height: 2.7em !important; }
  /* Hidden state: Hide native tabs strip */
  #main-window[titlepreface*="​"] #TabsToolbar > .toolbar-items { height: 0 !important; }
  /* Hidden state: Fix z-index of active pinned tabs */
  #main-window[titlepreface*="​"] #tabbrowser-tabs { z-index: 0 !important; }
  /* Hidden state: Hide window buttons in tabs-toolbar */
  #main-window[titlepreface*="​"] #TabsToolbar .titlebar-spacer,
  #main-window[titlepreface*="​"] #TabsToolbar .titlebar-buttonbox-container {
    display: none !important;
  }
  /* [Optional] Uncomment block below to show window buttons in nav-bar (maybe, I didn't test it on non-linux-i3wm env) */
  /* #main-window[titlepreface*="​"] #nav-bar > .titlebar-buttonbox-container,
  #main-window[titlepreface*="​"] #nav-bar > .titlebar-buttonbox-container > .titlebar-buttonbox {
    display: flex !important;
  } */
  /* [Optional] Uncomment one of the line below if you need space near window buttons */
  /* #main-window[titlepreface*="​"] #nav-bar > .titlebar-spacer[type="pre-tabs"] { display: flex !important; } */
  /* #main-window[titlepreface*="​"] #nav-bar > .titlebar-spacer[type="post-tabs"] { display: flex !important; } */

14. Revenir sur l’onglet about:profiles de Firefox et cliquer sur le bouton « Redémarrer normalement... » pour appliquer les modifications

Une fois que Firefox redémarre, la barre horizontale des onglets devrait automatiquement disparaitre ou apparaitre lorsque Sidebery est utilisé.

Il ne reste plus cas personnaliser la configuration de l’extension Sidebery en fonction des besoins.

Configuration

Catégorie « Mouse »

Activate previously active tab when clicking on the active tab (Tab flip) = On