Firefox – Fix Clipped URLs in Status Bar

firefoxwindows

I'm using Firefox(version 12) on Windows 7.

I have disabled trimming URLs via about:config setting:

browser.urlbar.trimURLs

i.e., the above key is set to false

If I close the browser, open it and go to a URL on a page, and point the mouse to it, it still shows it trimmed (i.e. when I move the mouse to the URL, but do not click yet, and look below the page, where the URL is displayed in the little box that comes up, the tooltip style box). I'd like to see the full URL in the tooltip box there.

I see something like http:/abs.../file.htm notice the dots in the name. It shortened it. Even though the URL is not large and can fit in the window, it still trims it by putting these dots.

What else can I do so that Firefox does not trim the URL?

Best Answer

browser.urlbar.trimURLs shows or hides the protocol (e.g. http://) in the address bar. It does not affect URLs in the status bar. There is no preference in about:config to stop the status bar from clipping text, so we'll have to inspect the Firefox Chrome to see what's going on.

After some investigating, I see that the status bar is represented as an XUL statuspanel element and with the following CSS:

statuspanel {
  -moz-binding: url("chrome://browser/content/tabbrowser.xml#statuspanel");
  position: fixed;
  margin-top: -3em;
  left: 0;
  max-width: 50%;
  pointer-events: none;
}

So, using the Stylish add-on, we can define the following rule to stop the status bar from clipping the URL in most cases (i.e. when the URL is shorter than your window):

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

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

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;
}

Windows – How to force Firefox to download mp3 file

Firefox Menu => Options => Applications

Choose "Save As" for (.mp3) (audio/mpeg) and also for (.mp3) (audio/x-mpeg)