« Some Real IE7 News | Main | JScript Object Memory Leak »

Stop-Reload-Button in Firefox

One nice little extension I usually install on Firefox is an extension that merges the reload and stop button. It hides the stop button when it is disabled and shows the reload button when the stop button is not available. However, the extension is not compatible with DPA2 or the latest nighlies.

After installing and uninstalling IE7 I realized that a merged stop-reload-button is something that I really enjoyed and since the extension no longer worked I decided to implement this myself. For this feature an extension is a bit of overkill. This feauter can easily be done using userChrome.css.

#stop-button[disabled] {
	display: none;
}

#stop-button:not([disabled]) + #reload-button {
	display: none;
}

Another neat UI improvement in IE7b1 was the combined back and forward drop down menu. This one however, requires an extension.

This entry was posted on Saturday, July 30th, 2005 at 21:20 and is filed under Mozilla, Software, Web. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

13 Responses to “Stop-Reload-Button in Firefox”

  1. Erik Arvidsson Says:
    July 30th, 2005 at 21:25

    I just realized that that makes the throbber useless… One less thing cluttering the UI…

  2. Chris Poole Says:
    July 31st, 2005 at 18:06

    That’s pretty cool Erik :)
    If only more UIs could be as easily customised. This is one feature I love about Safari’s UI, so glad it can be implemented in IE too.

  3. Chris Poole Says:
    July 31st, 2005 at 18:11

    oops i’m too tired. for IE read Mozilla.

  4. microfolx Says:
    August 14th, 2005 at 20:58

    “Chris Poole Says: oops i’m too tired. for IE read Mozilla. ”

    if u are tird of IE, go and die.
    What a hell are u talking about here?
    That there isn’t any good in improving?

  5. Erik Arvidsson Says:
    August 20th, 2005 at 16:40

    microfolx: Chris never wrote that he was tired of IE.

  6. Thomas Says:
    August 25th, 2005 at 14:49

    I don’t understand this code:

    #stop-button:not([disabled]) + #reload-button {
    display: none;
    }

    I copy all your code but in my deer park (Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8b4) Gecko/20050819 Firefox/1.0+) reload button is always visible :/

  7. Erik Arvidsson Says:
    August 25th, 2005 at 18:14

    The refresh and reload button must be placed next to each other (stop before reload)

  8. Thomas Says:
    August 25th, 2005 at 19:24

    Ok I understand now.

    We must place stop button, then reload button.

    Thanks you.

  9. prakash Says:
    September 15th, 2005 at 22:53

    Thomas says: “We must place stop button, then reload button.”

    In both firefox 1.0.5 and 1.5 Beta1 versions, the reload button is before the stop button. In this case, the second css rule does not trigger.

    So, the reload button is always visible.

    How do we place the stop button before the reload button? I mean, is there any css rule that can do this (not using any extension)?

  10. prakash Says:
    September 15th, 2005 at 23:00

    Never mind my previous question. I forgot about the toolbar “Customize…” option.

  11. Tom (misfit) Says:
    September 21st, 2005 at 4:09

    Thanks, great stuff
    This should be default

  12. Maxim Says:
    February 23rd, 2008 at 9:19

    I tried it on Windows - it works. On Linux - doesn’t. what’s the problem?

  13. Navi Says:
    March 27th, 2008 at 19:59

    It worked fine for me on Ubuntu 8.04 beta. Maybe you didn’t re-name it to userChrome.css?

Leave a Reply