Firefox – Restore Missing Status Bar

firefox

This is quite annoying. I was not even in the edit toolbar menu, just normal browsing. I clicked on the status bar and now it is completely missing, restarted FF and still missing. Firefox version: 14.0.1

Best Answer

Do you mean the add-on bar (View menu / Toolbars / Add-on Bar, or just press Ctrl+/ to toggle)? Firefox hasn't has a status bar for quite some time now, so if you want it back you'll probably need to use https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/ or similar.

Show the URL over the Add-on Bar:

Using Stylish or userChrome.css, define the following CSS:

statuspanel
{
    z-index: 1 !important;
    bottom: 1px !important;
}

toolbar#addon-bar
{
    z-index: 0 !important;
}

before

With some extra tweaking, the final result can look like this (Windows 7):

after

label.statuspanel-label
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    background-image: none !important;
    background-color: #cedaeb !important;
    color: #000000 !important;
}

Remove the delay and transition:

Set the browser.overlink-delay preference in about:config to 0. Restart Firefox.

Define the following CSS:

statuspanel[type=overLink], statuspanel[inactive][previoustype=overLink]
{
    -moz-transition: none !important;
}

Allow URLs to span the whole width of the window:

Define the following CSS:

statuspanel
{
    max-width: 100% !important;
}

Bonus:

If you are going to use the Add-on Bar as a permanent fixture, you can hide it's close button with:

toolbarbutton#addonbar-closebutton
{
    display: none !important;
}

Copy & Paste

Here is the combined CSS, sans Windows 7 theme:

statuspanel
{
    z-index: 1 !important;
    bottom: 1px !important;
    max-width: 100% !important;
}

toolbar#addon-bar
{
    z-index: 0 !important;
}

statuspanel[type=overLink], statuspanel[inactive][previoustype=overLink]
{
    -moz-transition: none !important;
}

toolbarbutton#addonbar-closebutton
{
    display: none !important;
}

Firefox – Status bar for Firefox Quantum

This should be possible with userChrome.css. I found this Github where there are a lot of customizations for Firefox available: https://github.com/Aris-t2/CustomCSSforFx

One that stood out was addonbar_extra_bookmarks_toolbar_below_navbar_fx65.css. If you add its code to your userChrome.css file, it will add another bar below the navigation bar.

/* create an empty space below navigation toolbar */
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


#main-window:not([customizing="true"]) #nav-bar {
  padding-bottom: 26px !important;
}

/* reduce maximum width of location bar and search bar on navigation toolbar */
#main-window:not([customizing="true"]) #nav-bar :-moz-any(#urlbar-container, #urlbar, #search-container, #searchbar)  {
  min-width: 50px !important;
}

/* move bookmarks to empty space below navigation toolbar, if on navigation toolbar */
#main-window:not([customizing="true"]) #nav-bar #personal-bookmarks {
  position: absolute !important;
  bottom: 1px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100vw !important;
}

/* reduce size of bookmarks 'more bookmarks' menu chevron and remove its background color on navigation toolbar */
#nav-bar #personal-bookmarks #PlacesChevron .toolbarbutton-icon {
  min-width: 0px !important;
  min-height: 0px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: unset !important;
  box-shadow: unset !important;
}

/* set minimum height for bookmarks, when on navigation toolbar */
#nav-bar #personal-bookmarks toolbarbutton.bookmark-item:not(.subviewbutton) {
  min-height: 24px !important;
}

/* adjustments */
#nav-bar #personal-bookmarks {
  min-width: 40px !important;
  width: auto !important;
  max-width: 50vw !important;
}

Now you will have to move the Bookmarks Toolbar Items into the navigation bar using Firefox's customize option. Then you can use the bar just for add-ons, just drag them down.

I only have one add-on on this browser so it's not a great test but I can test more once I get home.