Until very recently, this thread was in the Builds forum, where the really tech-savvy betatesters hang out
and a while back now, I set a challenge -
viewtopic.php?p=13298423#p13298423The first part was not too bad, but the whole fix (see screenshots of my new theme stuff) was a bit of a pig, that involves heavy margining around, breaking 'conditional Forward' and slapping down the flexing addressbar text. But it wouldn't have been much of a challenge if it was easy, would it?
...and I'm glad that a good few of you managed the first part OK.
Anyway, it's that first part that we're going to cover now. Partly because it's about time we did and partly because people here, new people, want this stuff.
So *shudder* into the pig-ugly default theme, gaze in awe at the amazing 'Tree Stump' tabs and the fix will look like this -
Click the link and search for the fullsize amongst the ads. It's there somewhere.
Before we do the actual fix, we need to cover some history. With browser UI stuff, there has always been 'The Big Five' - Back, Forward, Stop, Reload and Home. Over the years the Home has become far less important.
What are 'The Big Five'? If you are designing or creating browser UI icon buttons, these are the 5 you
must get right, because they are the most used. Nothing to do with Firefox, this applies to every Internet browser ever made and every designer knows about them (apart from guess who?)
If you're in a big hurry, you can slap the other buttons together and users will not mind/notice much, but those 5 have to look right. You can imagine my reaction when I first saw Australis way back and saw the 14 x 14 px of the Stop and Reload buttons?
So, this fix will enlarge those, as you see in the pic. I've also slung that damn annoying Notification garbage out of the eyeline and to the far right of the addressbar, where you hardly notice them. A bit like the default Stop/Reload now, in fact.
So, without further whatever..it is fix time -
Code: Select all
/*..Franks Larger Reload and Stop on Left End of Urlbar Fix.....*/
#urlbar .autocomplete-textbox-container,
#urlbar > .autocomplete-textbox-container {
-moz-box-ordinal-group: 2 !important;
}
#urlbar .autocomplete-history-dropmarker,
#urlbar > .autocomplete-history-dropmarker {
-moz-box-ordinal-group: 3 !important;
}
#urlbar-reload-button,
#urlbar-stop-button,
#urlbar-go-button {
-moz-margin-start: 8px !important;
/* -moz-margin-end: 4px !important;*/
transform: scale(1.2, 1.2) !important;
}
#notification-popup-box {
-moz-box-ordinal-group: 3 !important;
-moz-margin-start: -2px !important;
-moz-margin-end: 2px !important;}
Usual, into your userChrome.css (or use Stylish extension) and you're done.
Frank
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.