replace uses of #browser-bottombox with #main-window > body::after

Browser-bottombox element has been removed from Firefox in 109 so lets
not use that anymore.
This commit is contained in:
MrOtherGuy 2022-12-30 16:57:10 +02:00
parent b434a2d9f5
commit a46d28bcab
3 changed files with 12 additions and 3 deletions

View file

@ -36,8 +36,16 @@ linux_gtk_window_control_patch.css
#titlebar{ -moz-appearance: none !important; } #titlebar{ -moz-appearance: none !important; }
} }
/* Move tabs below content */ /* Move tabs below content */
:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) } #main-window > body::after{
:root[inFullscreen]:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: 1px; } content: "";
display: -moz-box;
}
#main-window:not([inFullscreen]) > body::after{
margin-bottom: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px));
}
#main-window[inFullscreen]:not([inDOMFullscreen]) > body::after{
margin-bottom: 1px;
}
#TabsToolbar{ #TabsToolbar{
position: fixed; position: fixed;

View file

@ -55,11 +55,13 @@ See the above repository for updates as well as full license text. */
#browser, #browser,
#browser-bottombox, #browser-bottombox,
#main-window > body::after, /* This selector is for compatibility with tabs_below_content.css */
#customization-container{ #customization-container{
margin-left: var(--uc-vertical-toolbar-width,0); margin-left: var(--uc-vertical-toolbar-width,0);
} }
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser, :root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser,
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser-bottombox, :root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser-bottombox,
#main-window:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body::after,
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{ :root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{
margin-left: 0; margin-left: 0;
} }

View file

@ -3,7 +3,6 @@ See the above repository for updates as well as full license text. */
@-moz-document media-document(image){ @-moz-document media-document(image){
@media not print { @media not print {
:root{ :root{
background-color: #232325 !important; /* set solid color background */ background-color: #232325 !important; /* set solid color background */
background-image: none !important; /* remove default background */ background-image: none !important; /* remove default background */