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

56

Comment masquer / désactiver / supprimer la barre d’onglet dans Firefox 57+ ("Quantum")?

L'objectif est simplement de masquer totalement la barre d'onglets. Utile si associé à des extensions telles que "Tree Style Tab".

Remarque: la question est similaire: Firefox masque tout sauf la zone de contenu du navigateur, mais il n'est pas correctement divisé en tâches logiquement indépendantes. En outre, il est obsolète.

VasyaNovikov
la source
Pour les informations OP, j'ai ajouté une nouvelle réponse à la question liée qui utilise userChrome.cssmais avec un nom d'élément et un ID différents.
clearkimura
Voici que vous pouvez obtenir les outils de développement pour trouver les ID d’élément et les styles de test en direct: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Réponses:

63
  1. Ouvrez votre firefox "répertoire de profil"
  2. Créer un répertoire chrome/s'il n'existe pas
  3. Créer un fichier à l' chrome/userChrome.cssintérieur s'il n'existe pas.
  4. Ajoutez ce texte au fichier:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Assurez-vous que la configuration toolkit.legacyUserProfileCustomizations.stylesheetsest définie sur true(obligatoire pour Firefox69 +, la version stable depuis septembre 2019), voir ce tutoriel .

  6. Enregistrez le fichier et rechargez Firefox. Vous ne devriez plus voir aucune barre de tabulation.

La solution PS est en partie extraite de cette page: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

VasyaNovikov
la source
9
Voici un moyen plus simple d’ouvrir votre répertoire de profil: support.mozilla.org/en-US/kb/…
thSoft
Cela semble un peu moche, où avez-vous trouvé la mise en page du DOM (comment avez-vous su utiliser #tabbrowser-tabs)? Sur OSX, je pense que cela nécessite une hauteur minimale
hayd
Le réglage #TabsToolbar { height: 40px; }semble faire l'affaire , peu importe la hauteur que j'ai indiquée, il se passe donc quelque chose de bizarre. Note: J'ai trouvé les identifiants ici .
Juillet
1
@ hayd merci pour vos commentaires! J'ai essayé votre solution sous Linux, mais cela n'a pas fonctionné. Cela fonctionne cependant: #TabsToolbar { visibility: collapse !important; } pouvez-vous tester ce code sur votre système d'exploitation pour voir s'il fonctionne? (Il serait bon de trouver une solution commune qui fonctionne sur n'importe quel système d'exploitation.)
VasyaNovikov
1
Les sélecteurs CSS ont encore changé dans Firefox 66. Voici un nouveau CSS qui fonctionne très bien sur macOS: gist.github.com/stevelandeyasana/…
Steve Landey
9

Je veux que la barre d'onglets se cache automatiquement lorsqu'il y a 1 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 le seul résultat obtenu par Google pour les 57 ans et plus, donc pour ceux qui en ont besoinuserChrome.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; }
aaron-bru
la source
Dans Firefox 59, cet utilisateurChrome.css ne fonctionne pas correctement: le dernier onglet est masqué, mais le +bouton est toujours visible et toute la région de l'onglet est affichée.
Gioele
2
@gioele Cela devrait fonctionner si vous allez à Personnaliser Firefox et que vous faites glisser le nouvel onglet en dehors de la barre d'onglets, il peut être placé dans la barre d'outils principale ou dans le menu. Si vous le voulez vraiment, je n'ai pas essayé cela parce que je n'utilise pas ce bouton, mais si quelqu'un le propose, je peux modifier la réponse.
aaron-bru
En effet, cela fonctionne une fois que vous supprimez le +bouton.
Gioele
8

Malheureusement, cette personnalisation particulière de l'interface utilisateur n'est actuellement pas possible via les API complémentaires prises en charge par Firefox Quantum. une solution appropriée sera possible une fois le bogue 1332447 résolu.

Jusque-là, le réglage de VasyaNovikov userChrome.cssfonctionne, bien que la modification de ce fichier soit définitivement une option à votre propre risque et non officiellement prise en charge.

Callahad
la source
1

J'ai distillé la réponse de VasyaNovikov en vue de son exécution sur mon ordinateur Linux et OS X. J'espère que cela aidera tout le monde avec plusieurs machines personnelles. Je tiens également à souligner qu’après avoir appliqué sa réponse, le bouton Précédent est placé sous le bouton Fermer sous OS X. La solution consiste à insérer trois espaces flexibles dans la barre d’outils (clic droit sur la barre d’outils, sélectionnez Personnaliser ..., puis insérez trois espaces pour que le bouton précédent 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 Précédent, cela serait grandement apprécié.

utilisateur821800
la source
1

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 il _ □ Xmanque.

Lyuboslav Kanev
la source