MozillaZine

The active tab extends beyond the borders of the tab bar.

User Help for Mozilla Firefox
lemondeal
 
Posts: 16
Joined: July 30th, 2014, 12:05 pm

Post Posted March 11th, 2020, 6:01 pm

It started with version 72. And after a recent update, in my opinion, it has become noticeably even stronger.

I tried to reduce everything that was possible. Also, as can be seen in the screenshot, the tab panel is below the address bar (so it’s more convenient in my opinion). Please help. I'm afraid that after the next update, the tab will begin to protrude beyond the borders of the panel even more, until it fills the entire screen space :shock:

Image

Code: Select all
#menu_pocket, #menu_pocketSeparator, #panelMenu_pocket, #BMB_pocket, #BMB_pocketSeparator { display:none !important; }
#context-savelinktopocket, #context-pocket { display:none!important; }

#context-back image,
#context-forward image,
#context-reload image,
#context-stop image,
#context-bookmarkpage image,
#context-navigation,
#context-sep-navigation {
    display:none !important;
}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important; /* fix for full screen mode */
 --tab-min-height: 25px !important;
}
:root #tabbrowser-tabs {
 --tab-min-height: 25px !important;
}
#TabsToolbar {height: var(--tab-min-height) !important;}

#navigator-toolbox {
  display: flex;
  flex-direction: column;
}

#titlebar {
  order: 2;
}

#tabbrowser-tabs {
  --tab-min-height: 18px !important;
  margin-left: 0px !important;
  height: 15px !important;
}

:root[uidensity=compact] #urlbar,
:root[uidensity=compact] .searchbar-textbox {
  font-size: 11px !important;
  min-height: 20px !important;
}

:root[uidensity=compact] #identity-box {
  max-height: 20px;
}

:root[uidensity=compact] #nav-bar .toolbarbutton-1 {
  padding: 0px !important;
}

/* Compatibility with auto-hide.css */
:root[uidensity=compact] #navigator-toolbox {
  --nav-bar-height: 20px !important;
}

#nav-bar {
  border-top: 0 !important;
}

toolbar#TabsToolbar
{
    -moz-appearance: none !important;
    background-color: #535556 !important;
}
Installed extensions: Classic Theme Restorer, Firesizer, FlashGot, Hide Unwanted Results of Google, No Script, URL Suffix, UrlCorrector

dickvl

User avatar
 
Posts: 53087
Joined: July 18th, 2005, 3:25 am

Post Posted March 11th, 2020, 7:54 pm

Your code seems to work properly with the menu bar visible, but not with the menu bar hidden.
Because you use "display: flex", you move the #titlebar container (menu bar and tab bar) to a lower position.

Try this code for the tab height section of your code:
Code: Select all
/* TABS: height */
*|*:root {
 --tab-toolbar-navbar-overlap: 0px !important; /* fix for full screen mode */
 --tab-min-height: 25px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

#navigator-toolbox {
  display: flex;
  flex-direction: column;
}

#titlebar {
  order: 2;
}

lemondeal
 
Posts: 16
Joined: July 30th, 2014, 12:05 pm

Post Posted March 15th, 2020, 6:18 am

dickvl
Thanks! That helped!
Installed extensions: Classic Theme Restorer, Firesizer, FlashGot, Hide Unwanted Results of Google, No Script, URL Suffix, UrlCorrector

Return to Firefox Support


Who is online

Users browsing this forum: Google Adsense [Bot] and 7 guests