Firefox: como colocar o botão de fechar aba no lado esquerdo

Em meu último post sobre o Firefox 3.1a1, percebi pelos comentários que muita gente tem reclamado da posição do botão de fechar abas do Firefox. Ele fica no lado direito da aba, oposto aos botões de fechar do Mac OS X. Decidir fazer uma pesquisa pelos fóruns do mozillaZine e encontrei uma solução para o problema.

Pouca gente sabe, mas no Firefox é possível customizar totalmente sua interface através de um arquivo chamado userChrome.css. Ele não existe quando você instala o Firefox; há apenas um arquivo de exemplo no lugar, chamado userChrome-example.css, com alguns exemplos de customização da interface da raposa.

Para realizar a modificação, é necessário um editor CSS ou um editor de texto simples. Aqui, eu usei o Dashcode, que acompanha o Xcode.

1º Passo

Vá até /Users/usuário/Library/Application Support/Firefox/Profiles/xxx.default/chrome/, onde xxx é uma seqüencia de letras e números aleatórios.

2º Passo

Abra o userChrome-example.css e adicione, no final, o seguinte código:

.tab-image-middle, .tab-image-right {
-moz-box-ordinal-group: 2 !important;
}

.tab-image-middle {
padding-left: .5em !important;
}

.tab-close-button {
display: -moz-box !important;
visibility: collapse !important;
}

tab[selected="true"] .tab-close-button {
visibility: visible !important;
}

Salve o arquivo como userChrome.css (é importante que o C seja maiúsculo!).

3º Passo

Não há um terceiro passo! 😛

Agora é só abrir novamente o Firefox e… voilà! Botões de fechar no lado esquerdo!

Agora o Firefox está mais "Mac-Like"
Firefox bem mais "Mac-like"

Se você quiser que todas as abas tenham botões de fechar, remova as seguintes linhas de código:

.tab-close-button {
display: -moz-box !important;
visibility: collapse !important;
}

tab[selected="true"] .tab-close-button {
visibility: visible !important;
}

E, se quiser desabilitar o favicon para deixá-lo ainda mais parecido com o Safari, basta adicionar o código abaixo:

/* hide all tab favicons 3.0 */
.tabbrowser-tab > .tab-icon-image { display: none !important; }

Espero que isso o ajude a gostar ainda mais do Firefox!

Posts relacionados

Comentários