Comment masquer la barre d'onglets (tabstrip) dans Firefox 57+ Quantum

1. Ouvrez le "répertoire de profil" de votre firefox

   • La documentation officielle explique comment le faire : https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • Ou simplement ouvert :
     • Linux : ~/.mozilla/firefox/<profile>
     • OSX :
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • ou ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • Les fenêtres : %appdata%\Mozilla\Firefox\Profiles\<profile folder>

2. Créer un répertoire chrome/ s'il n'existe pas

3. Créer un fichier chrome/userChrome.css à l'intérieur s'il n'existe pas.

4. Ajoutez ce texte au fichier :

   #TabsToolbar { visibility: collapse !important; }

5. Assurez-vous que la configuration toolkit.legacyUserProfileCustomizations.stylesheets est réglé sur true (nécessaire pour Firefox69+, la version stable depuis septembre 2019), voir ce tutoriel .

6. Sauvegardez le fichier et rechargez firefox. Vous ne devriez plus voir de barre d'onglets.

P.S. Solution partiellement tirée d'ici : https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

Je veux que la barre d'onglets se cache automatiquement lorsqu'il y a un onglet et qu'elle apparaisse lorsqu'il y en a plusieurs. Ce n'est pas la même chose que la question, mais c'est à peu près le seul résultat de Google en ce moment pour 57+, donc pour ceux qui en ont besoin dans userChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

Malheureusement, cette personnalisation particulière de l'interface utilisateur n'est actuellement pas possible via les API de modules complémentaires prises en charge par Firefox Quantum. Bogue 1332447 est résolu.

D'ici là, la modification de VasyaNovikov pour userChrome.css fonctionne, bien que l'édition de ce fichier soit une option à vos risques et périls, non prise en charge officiellement.

Ajouter à userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Fonctionne sur Firefox 70.0 mais la _  X sont absents.

J'ai distillé la réponse de VasyaNovikov en un point de vue pour fonctionner sur mon boxen Linux et OS X, j'espère que cela aidera tous ceux qui ont plusieurs machines personnelles. Je tiens également à signaler qu'après avoir appliqué sa réponse, le bouton retour se trouve sous le bouton de fermeture dans OS X. La solution consiste à insérer trois espaces flexibles dans la barre d'outils (cliquez avec le bouton droit de la souris sur la barre d'outils, sélectionnez Personnaliser..., puis insérez trois espaces pour que le bouton retour se déplace vers la droite).

Si quelqu'un a le bon CSS à insérer dans userChrome.css pour obtenir l'effet équivalent sur le bouton retour, ce serait très apprécié.