Barra de guias do Firefox com várias linhas?

8

Existe uma extensão para o Firefox que oferece uma barra de guias com várias linhas?

O Flash
fonte
As respostas (principais) para esta pergunta não funcionam no Firefox Quantum. Fiz uma nova pergunta para uma solução compatível com o Firefox Quantum.
gerrit 23/08/19

Respostas:

9

O TabMixPlus permite barras de guias com várias linhas.

Isso permitirá que você escolha o número máximo de linhas que deseja que ele mostre.

Opções da guia TabMixPlus Multi-row

jmohr
fonte
1
Infelizmente, o Firefox Quantum quebrou o suporte ao Tab Mix Plus, portanto, essa resposta não funciona mais para novas versões do Firefox.
Gerrit 23/08/19
5

Não é exatamente a resposta para sua pergunta, mas acho a Guia Estilo da árvore muito útil. Ganhe altura e ordem, a um custo de alguma largura.

Árvore de captura de tela

ianix
fonte
1
Isso seria bom em um monitor de tela plana grande, onde você não precisa pensar muito sobre o espaço da tela. Se eles puderem ser ajustados ainda mais para tornar os nomes menores, isso seria ótimo.
Isxek 16/09/09
Bem, o complemento tem muitas opções, realmente. Por exemplo, a barra esquerda pode ocultar automaticamente ou apenas diminuí-la. Além disso, sabendo que a maioria dos sites é projetada para 1024x800 e meu laptop tem 1280x800, funciona muito bem para mim, apenas dizendo: P.
ianix
Sim, eu também gosto deste.
Ronald Pottol 16/09/09
@lsxek - Você pode redimensionar a largura da tab-tree clicando e arrastando a linha de separação entre a tab-tree e a página. Às vezes, reduzi-o para que apenas os ícones da página sejam exibidos.
Samuel Jaeschke
na Tab Kit você tem a escolha entre a árvore-estilo e multi-linha (que eles chamam Vertical Tab Bar)
3

EDIT: agora estou usando um método diferente, descrito nesta resposta: https://superuser.com/a/1352233/260948


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 tab mix plus. Todos os créditos vão para estas postagens:

https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/

https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/

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

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

Então vamos começar.

Feche o Firefox.

No Linux, crie a seguinte pasta, onde RANDOMCHARACTERS serão diferentes em cada computador:

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

No Windows 7, crie a seguinte pasta, em que YOURUSERNAME é seu nome de usuário e RANDOMCHARACTERS serão diferentes em cada computador:

C:\Users\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\

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

C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\

No Linux ou Windows, dentro da pasta acima, crie um arquivo chamado userChrome.css

Deve ser texto simples. O que significa que você deve criá-lo usando vi ou kwrite ou nano ou bloco de notas.

Dentro deste arquivo userChrome.css, escreva todo o texto a seguir. Então salve e é isso. Desfrutar :)

    @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;
    }
    #main-window[sizemode="maximized"] #titlebar{
        margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;
    }
    #main-window[sizemode="maximized"] #TabsToolbar{
        margin-left:var(--tab-min-height);
    }
    #titlebar:active{
        margin-bottom:0 !important;
    }
    #titlebar:active #titlebar-content{
        margin-bottom:var(--tab-min-height) !important;
    }
    #tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
        display: none;
    }

    /* This enables maximum width before scrollbar is shown */

    #main-window[tabsintitlebar] #tabbrowser-tabs {
        -moz-window-dragging: no-drag;
    }
    #tabbrowser-tabs .scrollbox-innerbox {
        max-height: none;
        overflow-y:auto;
    }
salvador
fonte
Isso funciona com o Firefox Quantum?
gerrit 23/08/19
@gerrit, essa é uma pergunta muito boa, e também é a principal razão pela qual eu não sou fã de usar o termo "Quantum". O autor enfatizou que sua solução foi "Tested on Firefox 57", que indica o número da versão oficial. Mais precisamente, o Firefox 57 foi a primeira versão do navegador da Mozilla a usar o rótulo Quantum .
precisa saber é o seguinte
2
@gerrit Eu testei agora. Ele funciona no Firefox 61.0.2, que é a versão mais recente do Fedora 28. Como antes, o arrastar e soltar das guias não funciona bem, mas também não quebra nada. As guias estão lá, de qualquer maneira.
Salvador