Comments on: Remove the Toolbar Clutter

By: Eric

Eric — Mon, 21 Jan 2008 14:34:23 +0000

Thanks Hairgel and Lou for the additional tips. Going to go spend some time hacking away since it is a holiday and all. :)

By: LouCypher

LouCypher — Fri, 18 Jan 2008 19:15:23 +0000

Other trick is to display the buttons only when you move your mouse over the textbox

#go-button-stack,
.search-go-button-stack {
display: none;
}

#urlbar-button-box:hover #go-button-stack,
#searchbar:hover .search-go-button-stack {
display: -moz-stack;
}

By: Hairgel_Addict

Hairgel_Addict — Fri, 18 Jan 2008 14:50:12 +0000

There’s also a few more tricks like that :)

Hide “Back” button if it’s disabled:
#back-button[disabled="true"] { display: none; }

Hide “Forward” button if it’s disabled:
#forward-button[disabled="true"] { display: none; }

Combine “Stop” & “Reload” button into one*:
#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }

* – “Stop” button must be placed right after “Reload” button in “Customize” mode.