fake_statusbars: Cover tabpanels with opaque color

Normally web-content hides the real statusbar but with RFP letterboxing
that might not happen. So lets inherit the background-color from
tabbrowser-tabpanels to make sure it's covered properly.
This commit is contained in:
MrOtherGuy 2022-12-24 09:35:54 +02:00
parent be90242a5c
commit 19b2e4fa1f
2 changed files with 14 additions and 1 deletions

View file

@ -77,3 +77,9 @@ See the above repository for updates as well as full license text. */
#statuspanel[type="status"] { color: skyblue }
#statuspanel-label[value^="https"]{ color: var(--toolbar-field-color, black) !important; }
/* These should make sure that there is some opaque color covering the real statuspanel - necessary when RFP letterboxing is enabled */
.browserContainer,
.browserSidebarContainer{
background-color: inherit;
}

View file

@ -3,7 +3,7 @@ See the above repository for updates as well as full license text. */
/* Creates a statusbar by using menubar */
/* Since it's really the menubar this won't work if you also want the menubar on top of the screen */
/* Ho */
/* The setup requires few things:
1. Put the preferences button to the LEFT of the menubar items
2. Put a single toolbarspring next to the menubar items on RIGHT side
@ -97,4 +97,11 @@ See the above repository for updates as well as full license text. */
:root[inFullscreen] :is(#customization-container,#content-deck,#browser){
margin-bottom: 0px;
}
/* These should make sure that there is some opaque color covering the real statuspanel - necessary when RFP letterboxing is enabled */
.browserContainer,
.browserSidebarContainer{
background-color: inherit;
}
}