Stop-Reload-Button in Firefox 13

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.

  • http://erik.eae.net Erik Arvidsson

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

  • http://chrispoole.com Chris Poole

    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.

  • http://chrispoole.com Chris Poole

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

  • microfolx

    “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?

  • http://erik.eae.net Erik Arvidsson

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

  • Thomas

    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 :/

  • http://erik.eae.net Erik Arvidsson

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

  • Thomas

    Ok I understand now.

    We must place stop button, then reload button.

    Thanks you.

  • prakash

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

  • prakash

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

  • Tom (misfit)

    Thanks, great stuff
    This should be default

  • Maxim

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

  • Navi

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