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
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;
}