Este site está com funcionalidades limitadas enquanto realizamos manutenção para melhorar sua experiência de uso. Se nenhum artigo resolver seu problema e você quiser fazer uma pergunta, nossa comunidade de suporte pode te ajudar em @FirefoxSupport no Twitter e /r/firefox no Reddit.

Avatar for Username

Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

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

  • 1 resposta
  • 1 tem este problema
  • 1 exibição
  • Última resposta de JimFlasch

JimFlasch
JimFlasch
more options

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?

Alterado por JimFlasch em

Todas as respostas (1)

JimFlasch
JimFlasch Autor da pergunta
more options

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.

Alterado por JimFlasch em