I've tried the solutions recommended in other threads, which have now been closed, removed the @namespace, tabs still on top.
Edited: I realized all the garbage in the… (xem thêm)
I've tried the solutions recommended in other threads, which have now been closed, removed the @namespace, tabs still on top.
Edited: I realized all the garbage in the address bar was back, so I moved the tabs on bottom code to its own file, then used the userChrome.css to make the tweaks for the address bar. Those aren't working either.
This is the code in my tabs_on_bottom.css file.
/* TABS: on bottom */
- navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
- TabsToolbar {-moz-box-ordinal-group:1000!important}
- TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
display: block !important;
}
- tabbrowser-tabs {
top: 300 !important;
width: 100vw !important;
}
- main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}
/* TABS: height */
- root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 33px !important; /* adjust to suit your needs */
--tab-min-height_tnot: 32px;
}
- root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width: 80px !important;
}
- TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}
/* hide windows-controls */
- TabsToolbar #window-controls {display:none!important;}
/* move caption buttons to right of Tab bar */
- main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
- toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
Whether I import this file or put the code in the userChrome.css file, it makes no difference. I'm running FF 72.0.2.
