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

Support Forum

Hide status bar as mouse moves AWAY from url link

Posted

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using Openkiosk based on Firefox as a information screen to describe what people are looking at in a chapel, the stain glass windows in fact. its a touch screen device not connected to the internet in any way. This has black html pages and the only thing I cant get rid of is when you click on the next link is it flashes the URL link from localhost. I can simulate this with moving the mouse pointer away/off the url link.

I just wondered if anyone knows the code to stop this, I have been looking for days and I cant find it anywhere.

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using Openkiosk based on Firefox as a information screen to describe what people are looking at in a chapel, the stain glass windows in fact. its a touch screen device not connected to the internet in any way. This has black html pages and the only thing I cant get rid of is when you click on the next link is it flashes the URL link from localhost. I can simulate this with moving the mouse pointer away/off the url link. I just wondered if anyone knows the code to stop this, I have been looking for days and I cant find it anywhere.

Chosen solution

Take out those two lines of code and put in fist one above from cor-el E.G. :-

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

statuspanel {display:none!important;}


-moz-any(#content,#appcontent) browser{
margin-right:-20px!important;
overflow-y:scroll;
margin-bottom:-20px!important;
overflow-x:scroll;

}

To many lines of code then So thank you that has worked :-)

Read this answer in context 0

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134

More Information

cor-el
  • Top 10 Contributor
  • Moderator
17534 solutions 158537 answers

What code are you currently using in userChrome.css for #statuspanel manages?

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#statuspanel-label  { display:none!important; }
What code are you currently using in userChrome.css for #statuspanel manages? <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #statuspanel-label { display:none!important; } </nowiki></pre>

Question owner

Thank you for the reply

This is the whole css file so you can see what I have done so far :-

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

statuspanel[type="status"] .statuspanel-label {display:none!important;}

statuspanel[type="overLink"] .statuspanel-label {display:none!important;}

-moz-any(#content,#appcontent) browser{
margin-right:-14px!important;
overflow-y:scroll;
margin-bottom:-14px!important;
overflow-x:scroll;

}

They use an older version of Firefox so seems to use "older" code no # tags in those lines.

Openkiosk 47.0.2.2

As I said its as you move the mouse away from the hyperlink it flashes up in the bottom left corner.

Thank you for the reply This is the whole css file so you can see what I have done so far :- @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ statuspanel[type="status"] .statuspanel-label {display:none!important;} statuspanel[type="overLink"] .statuspanel-label {display:none!important;} :-moz-any(#content,#appcontent) browser{ margin-right:-14px!important; overflow-y:scroll; margin-bottom:-14px!important; overflow-x:scroll; } They use an older version of Firefox so seems to use "older" code no # tags in those lines. Openkiosk 47.0.2.2 As I said its as you move the mouse '''away''' from the hyperlink it flashes up in the bottom left corner.

Chosen Solution

Take out those two lines of code and put in fist one above from cor-el E.G. :-

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

statuspanel {display:none!important;}


-moz-any(#content,#appcontent) browser{
margin-right:-20px!important;
overflow-y:scroll;
margin-bottom:-20px!important;
overflow-x:scroll;

}

To many lines of code then So thank you that has worked :-)

Take out those two lines of code and put in fist one above from cor-el E.G. :- @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ statuspanel {display:none!important;} :-moz-any(#content,#appcontent) browser{ margin-right:-20px!important; overflow-y:scroll; margin-bottom:-20px!important; overflow-x:scroll; } To many lines of code then So thank you that has worked :-)
cor-el
  • Top 10 Contributor
  • Moderator
17534 solutions 158537 answers

Note that Firefox 61+ releases use IDs: #statuspanel and #statuspanel-label. Older versions used statuspanel (tag name) and .statuspanel-label (class name).

Are you using code to place the Tab bar at the bottom of the window?

Note that Firefox 61+ releases use IDs: #statuspanel and #statuspanel-label. Older versions used statuspanel (tag name) and .statuspanel-label (class name). Are you using code to place the Tab bar at the bottom of the window?

Question owner

Yes I got that with the # That's why I referred to it as old code.

This :-

-moz-any(#content,#appcontent) browser{ margin-right:-20px!important; overflow-y:scroll; margin-bottom:-20px!important; overflow-x:scroll; }

I got that code from somewhere to hide the scroll bars as the guys who done the html made it the exact size of screen pixel so the scroll bars popped up.

I could do with putting a label to show what it is...…... but HOW do I do that ??

Yes I got that with the # That's why I referred to it as old code. This :- -moz-any(#content,#appcontent) browser{ margin-right:-20px!important; overflow-y:scroll; margin-bottom:-20px!important; overflow-x:scroll; } I got that code from somewhere to hide the scroll bars as the guys who done the html made it the exact size of screen pixel so the scroll bars popped up. I could do with putting a label to show what it is...…... but HOW do I do that ??

Modified by packern