How can I move the notify popup, within the page, to the bottom, so it doesn't vertically shift my page while it is there.
I use the certpatrol extension, and the notify popup at the top of the page will shift everything vertically. When the popup goes away (which it does after a certain time) everything shifts back. But sometimes I'm trying to click on something, which then moves. How do I move this notification to the bottom? (Moving all of them would be good, so they don't affect the location if things on the page).
All Replies (3)
You would have to contact the author of the extension for support and ask to add this to the extension.
The extension basically does: notifyBox = gBrowser.getNotificationBox();
My understanding, is that the notificationbox will be at the top. Is there a way (an attribute) that will put it at the bottom?
Many parts of Firefox are amenable to restyling with custom CSS rules. I tested some when I first saw your question. For example, I tried making the notification bar a fixed position element. That caused it to overlay the page content so that the content is not shifted down. However, it then blocked the top part of the page (either left side or right side, since the bar shrank and the large blank area disappeared). I didn't figure out a way to fix it to the bottom of the browser; that might require an add-on.
For what it's worth, here was the rule I tested:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .notificationbox-stack { position:fixed !important; right:18px !important; }
And I've attached a screen shot showing how it affects a notification (in this case, for activating the Flash plugin). That remains there as you scroll the page up and down.
