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
Quote

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
5150 solutions 22807 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
Was this helpful to you? 1
Quote

Question owner


-----

Modified by user1516660

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
7869 solutions 64128 answers

See next reply...

See next reply...

Modified by jscher2000

Was this helpful to you? 0
Quote
jscher2000
  • Top 10 Contributor
7869 solutions 64128 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>
Was this helpful to you? 1
Quote

Question owner


------

Modified by user1516660

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
7869 solutions 64128 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...
Was this helpful to you? 1
Quote

Question owner


-----

Modified by user1516660

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
7869 solutions 64128 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.)
Was this helpful to you? 2
Quote
SargonIII 1 solutions 11 answers

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

You're a smart guy, jscher2000! Thank You!
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
16650 solutions 150490 answers
See also my reply here: *https://support.mozilla.org/en-US/questions/1186444#answer-1098865
Was this helpful to you?
Quote
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.
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.