matmoul / firefox-gui-chrome-css

Personal chrome css for firefox

plasma-containmentactions-customdesktopmenu is ready for plasma 6 :
https://github.com/MatMoul/plasma-containmentactions-customdesktopmenu

Because I am migrating my codes to my local Gitea, my github will definitely be less active.
https://git.netm.ch/explore/repos

As I no longer have time for g810-led, I only maintain CVS.
The OpenRGB project seems a good alternative.

What about archfi/archdi?
I think they are reaching the end but I will complete this topic later.

If you love your HP48 calculator from your studies and want it on Linux, here's the latest solution :
https://github.com/gwenhael-le-moine/x48ng

firefox-gui-chrome-css's Issues

White bar permanently at bottom of fullscreen videos (I have fixed)

Firefox has changed how fullscreen is handled in CSS, because fullscreen videos now have a white bar permanently stuck at the bottom of the screen - which is unchanged from non-fullscreen mode.

I was able to fix this issue by changing:
window[inFullscreen=
To this:
html[inFullscreen=
(i.e. Replace "window" by "html".)

By the way, I find it looks better when using this in #statuspanel :
left: 3px !important;/*I changed from 0px*/
bottom: 2px !important;/*I changed from 0px*/

One more thing, I dislike never seeing links while in full-screen, so I commented-out this at the end:
/*html[inFullscreen="true"] #statuspanel {
display:none !important;
}*/

And added this at this after it:
html[inFullscreen="true"] #statuspanel-label {
border: 1px solid #505050 !important;
padding-left: 2px !important;
padding-bottom: 6px !important;
background: white !important;
}

Addons in it and Done after loading

Hello,
Is there a way to put icons of AddOns in the bar?
And you can show a Done after loading?

Best regards

Jens

stopped working in Firefox 62

• Not working in FF 62.0.3

No-longer working with recent FF update

Since FF 108 (or possibly earlier) this no-longer works at all (the status text now pops-up like in Chrome).

Fix for FireFox 109

Since FireFox 109 this has stopped working, as the status bar itself is gone (i.e. no white background), with the text instead appearing directly over the website (and so can be very hard to read).

This is because FireFox 109 has removed the "browser-bottombox" HTML element:
https://hg.mozilla.org/mozilla-central/rev/49cefc94b9bd58a75eb124083733caf3f90e28da

After some trial & error, I have been able to kludge the "a11y-announcement" element as a replacement for "browser-bottombox". This may break some FireFox accessibility functionality, but I don't see any other solution. Here is my fix:

:root:not([inFullscreen]) #a11y-announcement {
	/* 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;
}
#browser-bottombox, 
#a11y-announcement {
	height: 20px;
	border-top: solid 1px #505050;
}
#statuspanel {
	position: fixed !important;
	height: 20px !important;
	width: 100% !important;
	left: 0px !important;
	bottom: 0px !important;
	padding: 0px !important;
	transition-duration: 0s !important;
	transition-delay: 0s !important;
	transition-property: none !important;
}
#statuspanel-label {
	color: var(--toolbar-color) !important;
	background: transparent !important;
	border: none !important;
}

html[inFullscreen="true"] #browser-bottombox, 
html[inFullscreen="true"] #a11y-announcement {
	display:none !important;
}
html[inFullscreen="true"] #statuspanel {
	display:none !important;
}

By the way, I dislike that the status bar is completely invisible when a website is full-screen, so I fixed it to show as the old pop-up box instead, by replacing this:

html[inFullscreen="true"] #statuspanel {
	display:none !important;
}

With this:

html[inFullscreen="true"] #statuspanel-label {
	/* Make status text visible - as a pop-up box */
	border: 1px solid #505050 !important;
	padding-left: 2px !important;
	padding-bottom: 6px !important;
	background: var(--toolbar-bgcolor) !important;
}

Some suggestions

Hi there!

I used your code and made some modifications for my needs. Perhaps you would like to use them as well:

• First of all for me the statusbar is mainly needed so the bottom border of the window is a safe resting place for the mouse pointer and to a lesser degree I also don't like the status text information popping up and vanishing all the time. I don't have the resting place problem when the window isn't maximized because then there is a window border. Therefore I only use the rules when the window is maximized. This also gets rid of some positioning problems of the status text when the window isn't maximized.
• Then I saw some strange dark pixel problems at the right edge of the status text. This was solved by adjusting the padding rule.

#main-window[sizemode="maximized"] #browser-bottombox { height: 20px; border-top: solid 1px #505050; }
#main-window[sizemode="maximized"] .browserContainer>statuspanel { left: 4px !important; bottom: 0px; transition-duration: 0s !important; transition-delay: 0s !important; }
#main-window[sizemode="maximized"] .browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label { margin-left: 0px !important; border: none !important; padding: 0 2px 0 0 !important; }

window[inFullscreen="true"] #browser-bottombox { display:none !important; }
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label { display:none !important; }