Some suggestions about firefox-gui-chrome-css

[MatMoul]

@SentineI Thank's for your return...
I need to wrap my code...
It's more easy to read...

[MatMoul]

Thank you for you return...
For me, I don't support the status text that override the page...
This is why I've tried to find a solution.
But I don't have saw the dark pixel...
I'm on linux with plasma5...
It's possible that on Windows or Mac the result are different.

[SentineI]

@MatMoul
Thanks for your BRILLIANT userChrome.css magic :-) . The loss of Status-4-Evar was the last thing putting me off upgrading to Firefox Quantum, and I find this a pretty good substitute.

I did however find that on Ubuntu & Windows, the status bar text was touching the bottom of the window, which looked wrong to me, so I increased the box size slightly:

#browser-bottombox {
	height: 23px;
	border-top: solid 1px #505050;
}
.browserContainer>statuspanel {
	left: 4px !important;
	bottom: 3px;
	transition-duration: 0s !important;
	transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
	margin-left: 0px !important;
	border: none !important;
	padding: 0px !important;
}

window[inFullscreen="true"] #browser-bottombox {
	display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
	border: 1px solid #505050 !important;
	padding: 2px !important;
	/*display:none !important;*/
}

As you can see, I also added some line feeds to make it easier for me to follow.

I've also (for the moment at least) commented out the last part, to allow a status 'bubble' to appear when I mouse-over links in FullScreen mode. And I've added a border & some padding to make it look better.

[SentineI]

I've updated my earlier post with a slightly improved CSS code...

[MatMoul]

@SentineI Thanks for your return, you'r right, on Windows, the top and bottom margin are not the same that on my Linux/Plasma5.
I've tested your changes and it work well on Windows but on my Plasma5 the bottom margin is to big.
I'll investigate and try to provide a compatible solution for all desktop.

[9jkh]

Just discovered your css to add bottom box. Thanks, as it's very tiny, wondering now if there's anyway to increase the font size of the status text that appears there?

[9jkh]

Found the following which works in FF57+ for color/font size in status bar.
/Status Bar font/color/
.statuspanel-label {font-size: 9.5pt !important;font-weight: normal !important;color: black !important;}

Only thing missing now from Status-4-Evar is the progress indicator, but not holding my breath for getting that back.

[SentineI]

@MatMoul
Firefox 61 broke your CSS code, but you then fixed it. Many thanks!

My own customisations (see above) needed fixing as well, so here's the revised version in case anyone finds it useful:

#browser-bottombox {
	height: 23px;
	border-top: solid 1px #505050;
}
#statuspanel {
	width: 100% !important;
	left: 3px !important;/*changed from 0px*/
	bottom: 3px !important;/*changed from 0px*/
	padding: 0px !important;
	transition-duration: 0s !important;
	transition-delay: 0s !important;
	transition-property: none !important;
}
#statuspanel-label {
	top: 0px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	border: none !important;
	padding: 0px !important;
}

window[inFullscreen="true"] #browser-bottombox {
	display:none !important;
}
window[inFullscreen="true"] #statuspanel {
	/*display:none !important;*/
}
window[inFullscreen="true"] #statuspanel-label {
	border: 1px solid #505050 !important;
	padding: 2px !important;
}