X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

How do I reduce the tabbar and Urlbar / Toolbar height in Firefox 72.0.1

Размещено

Up until now I had been able to reduce the height of FIrefox's tabbar Urlbar / icon bar with the followng CSS code:

/* TABS: height */

root {
--tab-toolbar-navbar-overlap: 0px !important; /*fix for fullscreen mode*/
--tab-min-height: 23px !important;

}

root #tabbrowser-tabs {
--tab-min-height: 23px !important;

}

  1. TabsToolbar {height: var(--tab-min-height) !important;}

/* URL bar: height */

root #urlbar, :root .searchbar-textbox {
   font-size: 9pt !important;
   max-height: 23px !important;
   padding: 0px !important;

}

root #identity-box {
  font-size: 9pt !important;
  max-height: 23px;
  padding: 0px !important;

}

root #nav-bar .toolbarbutton-1 {
  font-size: 9pt;
  max-height: 23px !important;
  padding: 0px !important;

}

root #navigator-toolbox {
  font-size: 9pt !important;
  max-height: 23px !important;
  padding: 0px !important;

}

It no longer works. Why not?

Up until now I had been able to reduce the height of FIrefox's tabbar Urlbar / icon bar with the followng CSS code: /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; /*fix for fullscreen mode*/ --tab-min-height: 23px !important; } :root #tabbrowser-tabs { --tab-min-height: 23px !important; } #TabsToolbar {height: var(--tab-min-height) !important;} /* URL bar: height */ :root #urlbar, :root .searchbar-textbox { font-size: 9pt !important; max-height: 23px !important; padding: 0px !important; } :root #identity-box { font-size: 9pt !important; max-height: 23px; padding: 0px !important; } :root #nav-bar .toolbarbutton-1 { font-size: 9pt; max-height: 23px !important; padding: 0px !important; } :root #navigator-toolbox { font-size: 9pt !important; max-height: 23px !important; padding: 0px !important; } It no longer works. Why not?

Изменено JimFlasch

Цитата

Дополнительные сведения о системе

Установленные плагины

  • Shockwave Flash 32.0 r0

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

Дополнительная информация

Задавший вопрос

I have no idea where the "1." in this line is coming from:

"1. TabsToolbar {height: var(--tab-min-height) !important;}"

It should not have the "1." in it, and does not in the text I cut and pasted from the css file ( which is right where it should be, BTW). The browser added the "1." in there in place of a "#" in the css code and I have no idea why.

I have no idea where the "1." in this line is coming from: "1. TabsToolbar {height: var(--tab-min-height) !important;}" It should not have the "1." in it, and does not in the text I cut and pasted from the css file ( which is right where it should be, BTW). The browser added the "1." in there in place of a "#" in the css code and I have no idea why.

Изменено JimFlasch

Помогла ли вам это?
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.