Tabs on bottom
Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs!
Update: So the code in the solution has worked it did put my tabs back on the bottom but I just noticed it also had a side effect where the + icon for a new tab is now missing. Using the code in the solution is there any way to readd the new tab + icon?
Weird part is if I go into customize the + icon is showing in the tabs bar but hen I close customize the icon disappears I have tried removing it and adding it back but it still gets removed.
由 scottish2 於 修改
被選擇的解決方法
This code from 3 year old video worked for me tabs are again on the bottom! Now if Mozilla will only leave them where I put them!!
- TabsToolbar {
position: absolute; display: block; bottom: 0; width: 100vw; background-clip: padding-box; color: var(--toolbar-color);
}
- tabbrowser-tabs {
width: 100vw;
}
- navigator-toolbox {
position: relative; padding-bottom: calc( var(--tab-min-height) + 8px );
}
- main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
height: 36px;
}
.titlebar-buttonbox-container {
position: fixed; right: 0; visibility: visible; display: block;
}
- TabsToolbar .titlebar-buttonbox-container,
- TabsToolbar #window-controls {
display: none;
}
從原來的回覆中察看解決方案 👍 1所有回覆 (1)
選擇的解決方法
This code from 3 year old video worked for me tabs are again on the bottom! Now if Mozilla will only leave them where I put them!!
- TabsToolbar {
position: absolute; display: block; bottom: 0; width: 100vw; background-clip: padding-box; color: var(--toolbar-color);
}
- tabbrowser-tabs {
width: 100vw;
}
- navigator-toolbox {
position: relative; padding-bottom: calc( var(--tab-min-height) + 8px );
}
- main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
height: 36px;
}
.titlebar-buttonbox-container {
position: fixed; right: 0; visibility: visible; display: block;
}
- TabsToolbar .titlebar-buttonbox-container,
- TabsToolbar #window-controls {
display: none;
}