Firefox не использует одно правило из userChrome.css

Question

Я отредактировал свой файл 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;
}

Но они не применяются. Это даже не похоже на то, чтобы быть недостаточно конкретным. Когда я проверяю элемент с помощью инспектора DOM, я даже не вижу его примененным.

Что я здесь не так делаю? Как правильно изменить высоту панели вкладок с файлом userChrome.css?

Answer 1

Я вижу три проблемы:

1. Ты пропускаешь "!важно "по первому правилу.
2. "min-height" = минимальная высота = если высота по умолчанию меньше 16px, она станет 16px; так как это не так, ваше правило не имеет никакого эффекта. Вы ищете "высота" или "максимальная высота".
3. Вам также понадобится уменьшить значок, иначе текст вкладки будет обрезан.

Финальный код:

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

Имейте в виду, что новый пользовательский интерфейс Firefox, Australis, не любит, когда его размеры изменяют. Этот код будет работать в Pale Moon и Firefox с Classic Theme Restorer, но, вероятно, не будет в наличии Firefox.