X
Tap here to go to the mobile version of the site.

Support Forum

How do I hide the status panel in Firefox 61?

Posted

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

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

More Information

philipp
  • Top 25 Contributor
  • Moderator
5154 solutions 22826 answers

Helpful Reply

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

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

Question owner


-----

Modified by user1516660

jscher2000
  • Top 10 Contributor
8019 solutions 65532 answers

See next reply...

See next reply...

Modified by jscher2000

jscher2000
  • Top 10 Contributor
8019 solutions 65532 answers

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;
}
Actually, previous reply was incorrect: This is what I see in the code of Firefox 61: When hovering over a link: <pre>&lt;hbox id="statuspanel" '''type="overLink"'''> &lt;hbox id="statuspanel-inner"> &lt;label id="statuspanel-label" role="status" value="https://support.mozilla.org/en-US/"/> &lt;/hbox> &lt;/hbox> </pre> While page is loading: <pre>&lt;hbox id="statuspanel" '''type="status"'''> &lt;hbox id="statuspanel-inner"> &lt;label id="statuspanel-label" role="status" value="Transferring data from static-media-prod-cdn.sumo.mozilla.net…"/> &lt;/hbox> &lt;/hbox> </pre> ''There are probably other types of messages'' There was an extra . in your code. This should work: <pre>/* Suppress Connecting/Waiting/Reading/Transerring */ #statuspanel[type="status"] #statuspanel-label { display: none !important; } </pre>

Question owner


------

Modified by user1516660

jscher2000
  • Top 10 Contributor
8019 solutions 65532 answers

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...

''EFJH1127 [[#answer-1126925|said]]'' <blockquote>Thank you for your detailed response! However, the status panel is still visible with the code you provided. </blockquote> Do all the other rules in your userChrome.css file work? You could try removing <code>#statuspanel-label</code>, which would yield: <pre>/* Suppress Connecting/Waiting/Reading/Transerring */ #statuspanel[type="status"] { display: none !important; } </pre> Or is the problem that it is incomplete and you see other kinds of messages? <blockquote> In regard to the updated code in my original post, I copied that from a chosen solution in this forum. </blockquote> Well, that was six months ago...

Question owner


-----

Modified by user1516660

jscher2000
  • Top 10 Contributor
8019 solutions 65532 answers

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.)

To hide the link destination when you hover a link, you can add a second rule: <pre>/* Suppress Connecting/Waiting/Reading/Transerring */ #statuspanel[type="status"] { display: none !important; } /* Suppress Link Destination Overlay */ #statuspanel[type="overLink"] { display: none !important; } </pre> (Those can be combined, but so it's clearly documented what each does, I suggest keeping them separate.)
SargonIII 1 solutions 11 answers

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

You're a smart guy, jscher2000! Thank You!
cor-el
  • Top 10 Contributor
  • Moderator
16784 solutions 151686 answers
See also my reply here: *https://support.mozilla.org/en-US/questions/1186444#answer-1098865
sp4wn1408 0 solutions 1 answers

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.

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.