Come nascondere la barra delle schede (tabstrip) in Firefox 57+ Quantum


56

Come nascondere / disabilitare / rimuovere la barra delle schede in Firefox 57+ ("Quantum")?

L'obiettivo è semplicemente nascondere completamente la barra delle schede. Utile se associato a estensioni come "Scheda Stile albero".

Nota: qui c'è una domanda simile: Firefox nasconde tutto tranne l'area del contenuto del browser ma non è suddiviso correttamente in attività logicamente indipendenti. Inoltre, è obsoleto.


Per informazioni sull'OP, ho aggiunto una nuova risposta alla domanda collegata che utilizza userChrome.cssma con nome e ID dell'elemento diversi.
Clearkimura,

Qui puoi ottenere gli strumenti di sviluppo per trovare gli ID degli elementi e gli stili di test in tempo reale: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell,

Risposte:


63
  1. Apri la "directory del profilo" di Firefox
  2. Crea directory chrome/se non esiste
  3. Crea il file chrome/userChrome.cssall'interno se non esiste.
  4. Aggiungi questo testo al file:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Assicurati che la configurazione toolkit.legacyUserProfileCustomizations.stylesheetssia impostata su true(obbligatorio per Firefox69 +, la versione stabile da settembre 2019), consulta questo tutorial .

  6. Salvare il file e ricaricare Firefox. Non dovresti più vedere la barra delle schede.

Soluzione PS parzialmente presa da qui: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/


9
Ecco un modo più semplice per aprire la directory del tuo profilo: support.mozilla.org/en-US/kb/…
thSoft

Sembra un po 'brutto, dove hai trovato il layout DOM (come hai saputo usare #tabbrowser-tabs)? Su OSX penso che questo abbia bisogno di un'altezza minima (o qualcosa del genere) i.imgur.com/oJOinx4.png
hayd

L'impostazione #TabsToolbar { height: 40px; }sembra fare il trucco , sembra non importare l'altezza che ho inserito, quindi sta succedendo qualcosa di strano. Nota: ho trovato gli ID qui .
hayd,

1
@hayd grazie per i tuoi commenti! Ho provato la tua soluzione su Linux, ma non ha funzionato. Funziona comunque: #TabsToolbar { visibility: collapse !important; } puoi testare questo codice sul tuo sistema operativo per vedere se funziona? (Sarebbe bello trovare una soluzione comune che
funzioni

1
I selettori CSS sono cambiati di nuovo in Firefox 66. Ecco il nuovo CSS che funziona alla grande su macOS: gist.github.com/stevelandeyasana/…
Steve Landey

9

Voglio che la barra delle schede si nasconda automaticamente quando c'è 1 scheda e appare quando ce ne sono più. Non è la stessa domanda, ma si tratta dell'unico risultato di Google in questo momento per 57+, quindi per coloro che ne hanno bisognouserChrome.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; }

In Firefox 59 questo userChrome.css non funziona correttamente: l'ultima scheda è nascosta, ma il +pulsante è ancora visibile e quindi viene visualizzata l'intera area della scheda.
gioele,

2
@gioele Dovrebbe funzionare se vai su Personalizza Firefox e trascini il nuovo pulsante della scheda fuori dalla barra delle schede, può essere posizionato nella barra degli strumenti o nel menu principale. Se lo vuoi davvero lì, non l'ho provato perché non uso quel pulsante, ma se qualcuno lo presenta posso modificare la risposta.
Aaron-bru,

In effetti funziona una volta rimosso il +pulsante.
gioele,

8

Sfortunatamente, quella particolare personalizzazione dell'interfaccia utente non è attualmente possibile tramite le API aggiuntive supportate da Firefox Quantum; una soluzione corretta sarà possibile una volta risolto il bug 1332447 .

Fino ad allora, la modifica di VasyaNovikov userChrome.cssfunziona, sebbene la modifica di quel file sia sicuramente un'opzione a tuo rischio, non supportata ufficialmente.


1

Ho distillato la risposta di VasyaNovikov in un istante per eseguirmi sul mio box Linux e OS X, spero che aiuti chiunque altro là fuori con diverse macchine personali. Voglio anche sottolineare che dopo aver applicato la sua risposta, il pulsante Indietro si posizionerà sotto il pulsante di chiusura in OS X. La correzione consiste nell'inserire tre spazi flessibili nella barra degli strumenti (fare clic con il tasto destro sulla barra degli strumenti, selezionare Personalizza ..., quindi inserire tre spazi in modo che il pulsante Indietro si sposti a destra).

Se qualcuno ha il CSS giusto da inserire in userChrome.css per ottenere l'effetto equivalente sul pulsante Indietro, sarebbe molto apprezzato.


1

Aggiungi a 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;
}

Funziona su Firefox 70.0 ma _ □ Xmanca.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.