Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I want to expand the size of the history panel

  • 4 replies
  • 1 has this problem
  • 43 views
  • Last reply by KKFF999

more options

I just upgraded to v. 34 from v. 17.0.1. In the old version, I could open History as a full panel, and see the sites and dates in chronological order. Now, although I have the "View > By date and site" option selected, I see only the sites. Also, when I try to expand the size of the History panel by pausing the cursor over the edge, the double-arrow icon does nothing.

I just upgraded to v. 34 from v. 17.0.1. In the old version, I could open History as a full panel, and see the sites and dates in chronological order. Now, although I have the "View > By date and site" option selected, I see only the sites. Also, when I try to expand the size of the History panel by pausing the cursor over the edge, the double-arrow icon does nothing.

Chosen solution

There is a minimum (min-width: 14em;) and maximum (max-width: 36em;) for the sidebar and you can't drag the resizer icon beyond that limit.

Add code to the userChrome.css file below the default @namespace line.


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

#sidebar { min-width:0px !important; max-width:none !important; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

  • Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
Read this answer in context 👍 2

All Replies (4)

more options

Is this about the History Sidebar (Ctrl+H) or about the History Manager (Library)?

Try to open a new window in case there is a problem with the current window if toy use the sidebar.

You can check for problems with the places.sqlite database file in the Firefox profile folder.

more options

History Sidebar (Ctrl+H). I solved it by choosing History > Show All History, meaning that I can see a full page of history with sites and dates. But why does the History Sidebar allow you to get a double-arrow icon when pausing the cursor along the edge, but not allow you to use it to change the size of the sidebar panel? Thanks.

more options

Chosen Solution

There is a minimum (min-width: 14em;) and maximum (max-width: 36em;) for the sidebar and you can't drag the resizer icon beyond that limit.

Add code to the userChrome.css file below the default @namespace line.


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

#sidebar { min-width:0px !important; max-width:none !important; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

  • Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file

Modified by cor-el

more options

Thanks! Great response, I appreciate it.