Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Reverting sliding dots to spinner breaks other css

more options

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.

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.

All Replies (1)

more options

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;
}