Поиск в Поддержке

Избегайте мошенников, выдающих себя за службу поддержки. Мы никогда не попросим вас позвонить, отправить текстовое сообщение или поделиться личной информацией. Сообщайте о подозрительной активности, используя функцию «Пожаловаться».

Learn More

Tool Bar Icons

more options

I would like to reduce the size of the icons in my toolbar, so that more icons will show across the top of my screen. Can this be done? If so ... how do I do that?

Gratitude!

I would like to reduce the size of the icons in my toolbar, so that more icons will show across the top of my screen. Can this be done? If so ... how do I do that? Gratitude!

Выбранное решение

Hi, there is no built-in feature for that.

The community often suggests style rule hacks that could, for example, remove the padding around icons so they pack closer together. The are applied to Firefox using the optional userChrome.css file (https://www.userchrome.org/). In case you don't find a better approach, this is the kind of thing I have in mind:

/* Narrow the spacing between toolbar buttons */
#nav-bar .toolbarbutton-icon {
  width: 20px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#nav-bar .toolbarbutton-badge {
  margin-inline-end: 0 !important;
  padding: 0 1px 1px !important;
  min-width: 6px !important;
}
#PanelUI-button {
  margin-left: 0 !important;
  border-left: none !important;
}
#PanelUI-menu-button, .toolbarbutton-badge-stack {
  padding-left: 0 !important;
  padding-right: 1px !important;
}
Прочитайте этот ответ в контексте 👍 0

Все ответы (1)

more options

Выбранное решение

Hi, there is no built-in feature for that.

The community often suggests style rule hacks that could, for example, remove the padding around icons so they pack closer together. The are applied to Firefox using the optional userChrome.css file (https://www.userchrome.org/). In case you don't find a better approach, this is the kind of thing I have in mind:

/* Narrow the spacing between toolbar buttons */
#nav-bar .toolbarbutton-icon {
  width: 20px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#nav-bar .toolbarbutton-badge {
  margin-inline-end: 0 !important;
  padding: 0 1px 1px !important;
  min-width: 6px !important;
}
#PanelUI-button {
  margin-left: 0 !important;
  border-left: none !important;
}
#PanelUI-menu-button, .toolbarbutton-badge-stack {
  padding-left: 0 !important;
  padding-right: 1px !important;
}