User Log On

This post has been viewed 8093 times.

Printable Version
Email to a Friend
Subscribe: Email, RSS

Admin Link Box

Posted on Tue, Dec 1, 2009

We've streamlined the admin links box. They're now collapsed by default - just click the icon to expand them. We've also added the same links under the "This Page" menu at the top of your site. Read for tech details.

We implemented this change due to a bad design decision early on. The links were specified in our code and outputted after the header was completed. This complicated matters, because templates had little reliable control over the position of the box, and we were unable to add these links to the "This Page" menu. (If you ever viewed the source, you'd have been horrified to see that we just offset the box by a negative margin to "magically" line it up with the breadcrumbs! (on some browsers...))

We've restructured the presentation of the box to display them within the #breadcrumb DIV. By default, they're floated right with a border on the left side of the yellow box, which does The Right Thing in most cases. A few of our templates, specifically the newer ones with custom breadcrumb presentation, have been updated to reflect the new location.

Looking to style it? The #breadcrumb DIV now has a fixed height and line-height of 23px. Floated to the right of that DIV is the #adminBox DIV, also of a 23px height. The links are tagged with the "button" class, hidden by default, and are turned on via jQuery.

The jist: this only affects admins. If you're using a stock template, you don't need to do anything. If you're using a custom template, you may see the presentation is slightly different, and can tweak it if you want. And if you'd prefer to keep the admin buttons showing by default, you can set this CSS:

#adminBox .button { display: inline; }

Or drop us a line, and we'd be happy to do that for you.