Barra de guias do Firefox com várias linhas?
Respostas:
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.
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.
Kit de guias - agrupamento de guias, árvore de guias vertical, várias linhas e vários ajustes para usuários avançados.
Tutorial: Personalizar o comportamento das guias no Firefox com o Kit de guias
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;
}