O Firefox não usa uma regra do userChrome.css

Question

Eu editei meu arquivo userChrome

cat .mozilla/firefox/<someletters>.<profilename>/chrome/userChrome.css

/* Shrink tab titles by 10% */
.tabbrowser-tabs .tab-text {
          font-size: 90%;
}
#tabbrowser-tabs {
  min-height: 16px !important;
}

Mas eles não estão se inscrevendo. Nem parece ser o caso de não ser específico o suficiente. Quando eu inspeciono o elemento com o inspetor DOM, nem vejo ele aplicado.

O que estou fazendo de errado aqui? Qual é a maneira correta de alterar a altura da barra de guias com o arquivo userChrome.css?

    

Answer 1

Três problemas que vejo:

1. Você está perdendo "! important" na primeira regra.
2. "min-height" = altura mínima = se a altura padrão estiver abaixo de 16px, ela se tornará 16px; já que não é, sua regra não tem efeito. Você está procurando por "height" ou "max-height".
3. Você também precisará reduzir o favicon ou o texto da guia será recortado.

Código final:

tab .tab-text { font-size: 90% !important; }
tabs, tab .tab-image-left { max-height: 16px !important; }

Saiba que a nova interface do Firefox, Australis, não gosta de ser redimensionada. Este código funcionará em Pale Moon e Firefox com o Classic Theme Restorer , mas provavelmente não em estoque Firefox.