Reverting sliding dots to spinner breaks other css
I am using 60.4esr. I have applied css to get back the curved tabs and get rid of the ... in the address bar. I can post the userchrome.css file if needed (it's fairly long)
I am now trying to get rid of the sliding dots when the page load and revert to the spinning circle, which I find much more useful. However, when I apply the code, it breaks everything else I have applied.
I've tried with and without the @namespace line.
This is the code...
.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading.png") !important;
animation: unset !important;
}
.tab-throbber[busy]:not([progress])::before {
/* Grays the blue during "Connecting" state */ filter: grayscale(100%);
}
@media (min-resolution: 2dppx) {
.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
}
Original post: https://support.mozilla.org/en-US/questions/1197903
Appreciate you assistance. Thank you.
Alla svar (1)
There should be another closing } on this rule (always count the open and close {} and make sure they balance):
@media (min-resolution: 2dppx) {
.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
}