Barra de guias de várias linhas no Firefox Quantum

Question

Firefox Quantum separa a guia mix plus e o kit de guias . Existe alguma maneira de obter uma barra de abas multi-linha no Firefox Quantum?

Se possível, estou procurando uma solução estável e suportada, que provavelmente não será quebrada na próxima versão.

    

Answer 1

Eu tentei procurar alternativas para isso também e não encontrei opções reais, mas usar uma combinação de addons:

Agora estou usando o Tab Mix Plus (WebExtensions) e os addons Guia Tree Style , juntamente com Session Sync , usando uma combinação daqueles que eu posso fazer uma experiência mais suportável no gerenciamento de guias.

A guia de estilo de árvore permite uma boa alternativa ao recurso multirrisco devido à largura dos monitores e às resoluções atuais, listando várias guias na barra lateral, a sessão sync melhora o gerenciamento por meio do agrupamento de guias nas sessões do Windows e o guia mix mais webextensions permite que as páginas relacionadas permaneçam na mesma janela. Obviamente, não é uma configuração multirresente, mas é melhor que nada.

    

Answer 2

Para ter as guias em várias linhas, sem ícones, de tamanho fixo, faço o seguinte. Testado no Firefox 57 a 61 no Linux Fedora, sem a necessidade de instalar o guia mix plus. Todos os créditos vão para estas postagens:

link

link

O arrastar e soltar das guias não funciona bem, mas também não quebra nada.
As abas estão lá, de qualquer maneira.

Se você não quiser remover os ícones das guias, omita as duas linhas seguintes do arquivo que vamos escrever:

/* Tabs: no icons */
.tabbrowser-tabs .tab-icon-image { display: none !important; }

Então, vamos começar.

Fechar o firefox.

No Linux, crie a seguinte pasta, onde RANDOMCHARACTERS será diferente para cada conta do Firefox:

~ / .mozilla / firefox / RANDOMCHARACTERS.default / chrome /

No Windows 7, crie a seguinte pasta, onde YOURUSERNAME é o nome de usuário do Windows e RANDOMCHARACTERS será diferente para cada conta do Firefox:

C: \ Usuários \ YOURUSERNAME \ Dados de aplicativos \ Mozilla \ Firefox \ Perfis \ RANDOMCHARACTERS.default \ chrome \

Em versões mais antigas do Windows, a pasta é:

C: \ Documentos e configurações \ YOURUSERNAME \ Dados de aplicativos \ Mozilla \ Firefox \ Perfis \ RANDOMCHARACTERS.default \ chrome \

Dentro da pasta acima, crie um arquivo chamado userChrome.css

Deve ser texto simples.
Portanto, você deve salvá-lo como .txt, não como .doc ou .rtf ou outro.

Copie o seguinte texto e cole-o no arquivo userChrome.css. Salve o arquivo.
É isso.
Aprecie :)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tabs: no icons */
.tabbrowser-tabs .tab-icon-image { display: none !important; }

/* all the following is to have multiple rows of tabs */

/*
The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs
changed selectors accordingly
*/
.tabbrowser-tab:not([pinned]) {
    flex-grow:1;
    min-width:150px !important; /* Needed important tag, width can be whatever you like */
    max-width: 150px !important; /* Makes the tabs always fill the toolbar width */
}
.tabbrowser-tab,.tab-background {
    height:var(--tab-min-height);
}
.tab-stack {
    width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible;
    display: block;
}
#titlebar,#titlebar-buttonbox{
    height:var(--tab-min-height) !important;
}
#titlebar{
    margin-bottom:calc(var(--tab-min-height)*-1) !important;