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

How do I hide the status panel in Firefox 61?

  • 11 replies
  • 3 have this problem
  • 22 views
  • Last reply by sp4wn1408

more options

Hello,

I updated Firefox on 6/26/18 from version 60.0.2 to version 61.

Prior to version 61, I used statuspanel[type="status"] {display: none !important;} in my "userChrome.css" file to hide the status panel.

I appreciate any help you may provide!

Thank you

Hello, I updated Firefox on 6/26/18 from version 60.0.2 to version 61. Prior to version 61, I used <code>statuspanel[type="status"] {display: none !important;}</code> in my "userChrome.css" file to hide the status panel. I appreciate any help you may provide! Thank you

Modified by user1516660

Chosen solution

To hide the link destination when you hover a link, you can add a second rule:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}
/* Suppress Link Destination Overlay */
#statuspanel[type="overLink"] {
  display: none !important;
}

(Those can be combined, but so it's clearly documented what each does, I suggest keeping them separate.)

Read this answer in context 👍 2

All Replies (11)

more options

hi, try to put a "#" in front of statuspanel & statuspanel-label

more options

Modified by user1516660

more options

See next reply...

Modified by jscher2000 - Support Volunteer

more options

Actually, previous reply was incorrect:

This is what I see in the code of Firefox 61:

When hovering over a link:

<hbox id="statuspanel" type="overLink">
  <hbox id="statuspanel-inner">
    <label id="statuspanel-label" role="status" value="https://support.mozilla.org/en-US/"/>
  </hbox>
</hbox>

While page is loading:

<hbox id="statuspanel" type="status">
  <hbox id="statuspanel-inner">
    <label id="statuspanel-label" role="status" value="Transferring data from static-media-prod-cdn.sumo.mozilla.net…"/>
  </hbox>
</hbox>

There are probably other types of messages

There was an extra . in your code. This should work:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] #statuspanel-label {
  display: none !important;
}
more options

Modified by user1516660

more options

EFJH1127 said

Thank you for your detailed response! However, the status panel is still visible with the code you provided.

Do all the other rules in your userChrome.css file work?

You could try removing #statuspanel-label, which would yield:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}

Or is the problem that it is incomplete and you see other kinds of messages?

In regard to the updated code in my original post, I copied that from a chosen solution in this forum.

Well, that was six months ago...

more options

Modified by user1516660

more options

Chosen Solution

To hide the link destination when you hover a link, you can add a second rule:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}
/* Suppress Link Destination Overlay */
#statuspanel[type="overLink"] {
  display: none !important;
}

(Those can be combined, but so it's clearly documented what each does, I suggest keeping them separate.)

more options

You're a smart guy, jscher2000! Thank You!

more options
more options

My solution for fullscreen Videos is simple:

window[inFullscreen="true"] #statuspanel { bottom: 0px !important; /* adjust*/ height: 0px !important; /* adjust */ }

Just put in your .css and you've no status bar in videos.