diff --git a/README.MD b/README.MD index 33ad01c..461a2b6 100644 --- a/README.MD +++ b/README.MD @@ -1,3 +1,3 @@ # firefox-gui-chrome-css -Status bar for Firefox 70+ +Status bar for Firefox 132+ diff --git a/chrome/userChrome.css b/chrome/userChrome.css index de8b0f7..8c662f3 100755 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,10 +1,13 @@ +var(--toolbar-bgcolor, #2a2e32); + :root:not([inFullscreen]) #a11y-announcement { - /* Kludge to make "a11y-announcement" a replacement for the "browser-bottombox" element removed by FF 109 */ + /* Kludge to make "a11y-announcement" a replacement for the removed "browser-bottombox" element */ display: block !important; + /* Also give it the right colour - and Mozilla says "opaque for layers optimization" (although this may not apply) */ background-color: var(--toolbar-bgcolor) !important; } -#a11y-announcement, -#browser-bottombox { +#browser-bottombox, +#a11y-announcement { height: 20px; border-top: solid 1px #505050; } @@ -19,27 +22,20 @@ transition-delay: 0s !important; transition-property: none !important; } -#statuspanel-label { +#statuspanel>* { color: var(--toolbar-color) !important; background: transparent !important; border: none !important; } -html[inFullscreen="true"] #a11y-announcement, -html[inFullscreen="true"] #browser-bottombox { +html[inFullscreen="true"] #browser-bottombox, +html[inFullscreen="true"] #a11y-announcement { display:none !important; } - -/* Make status bar invisible when fullscreen */ -html[inFullscreen="true"] #statuspanel { - display:none !important; -} -/* Make status bar visible (as a pop-up box) when fullscreen */ -/* -html[inFullscreen="true"] #statuspanel-label { +/* Make status text visible - as a pop-up box */ +html[inFullscreen="true"] #statuspanel>* { border: 1px solid #505050 !important; padding-left: 2px !important; padding-bottom: 6px !important; background: var(--toolbar-bgcolor) !important; } -*/