Como ocultar a barra de abas (tabstrip) no Firefox 57+ Quantum

Question

Como esconder / desativar / remover a barra de abas no Firefox 57+ ("Quantum")?

O objetivo é apenas ocultar totalmente a barra de guias. Útil se estiver emparelhado com extensões como "Guia Estilo da Árvore".

Observação: há uma pergunta aparentemente similar aqui: Firefox hide tudo, exceto a área de conteúdo do navegador , mas ele não é dividido corretamente em tarefas logicamente independentes. Além disso, está desatualizado.

    

Answer 1

1. Abra o seu "diretório de perfil" do firefox
   • Documentos oficiais como fazer isso: link
   • Ou apenas abra ~/.mozilla/firefox/<profile> no Linux, ~/Library/Application Support/Firefox/Profiles/<profile folder> ou ~/Library/Mozilla/Firefox/Profiles/<profile folder> no OSX, %appdata%\Mozilla\Firefox\Profiles\<profile folder> no Windows
2. Crie o diretório chrome se ele não existir
3. Crie o arquivo userChrome.css dentro, se ele não existir.

4. Adicione este texto ao arquivo:

   #TabsToolbar { visibility: collapse !important; }
   

5. Salve o arquivo e recarregue o firefox. Você não verá mais nenhuma barra de abas.

P.S. Solução tirada daqui: link

    

Answer 2

Infelizmente, essa personalização de interface do usuário em particular não é atualmente possível através das APIs complementares compatíveis do Firefox Quantum; uma solução adequada será possível assim que o Bug 1332447 for resolvido.

Até então, o ajuste de VasyaNovikov para userChrome.css funciona, embora a edição desse arquivo seja definitivamente uma opção de risco, não oficialmente suportada por você.

    

Answer 3

Eu quero que a barra de guias seja ocultada automaticamente quando houver 1 guia e aparecer quando houver vários. Não é o mesmo que a pergunta, mas esse é o único resultado do Google agora com mais de 57 anos, então, para aqueles que precisam dele em userChrome.css

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

    

Answer 4

Eu destilei a resposta de VasyaNovikov em uma essência para rodar no meu box de Linux e OS X, espero que ajude alguém a sair lá com várias máquinas pessoais. Eu quero também ressaltar que depois de aplicar sua resposta, o botão voltar ficará sob o botão fechar no OS X. A correção é inserir três espaços flexíveis na barra de ferramentas (clique com o botão direito do mouse na barra de ferramentas, selecione Personalizar ... e depois insira três espaços para que o botão de voltar se mova para a direita).

Se alguém tiver o CSS certo para inserir no userChrome.css para obter o efeito equivalente no botão "Voltar", isso seria muito apreciado.