quartz/content/unlock-firefox-sidebar.md
Miguel Pimentel 1efd1d531a
Pull-Request [ariasae-9-21-2023] from Obsidian (#7)
* PUSH NOTE : unlock-firefox-sidebar.md

* PUSH NOTE : on-burning-out.md

* PUSH NOTE : monkey-brain.md

* PUSH NOTE : hello-world.md

* PUSH NOTE : Public Journal.md

* PUSH NOTE : Meta.md

* PUSH NOTE : NeoVim.md

* PUSH NOTE : index.md

* PUSH NOTE : Quotes Collection.md

* PUSH NOTE : About.md

* PUSH NOTE : Projects Overview.md
2023-09-22 02:08:51 -05:00

1.6 KiB

title date description categories tags compartir
Unlock the Sidebar Width in Firefox 2023-06-26 How-to guide about unlocking the max-width of Firefox's sidebar. Doing so net's you a better experience when using extensions within the sidebar.
guide
tutorial
firefox
how-to
true

Unlock the Sidebar Width in Firefox

Why Would Anyone Want to Do This?

  • To enhance the use of the Firefox Side View extension.
  • To compliment the use of one of my Firefox sidebar extensions.

Step-by-Step Instructions

  1. In a new tab, navigate to about:support.
  2. Under Application Basics, find Profile Folder.
  3. Locate and click the Open Folder button next to it. It will be next to an address similar to: %appdata%\Mozilla\Firefox\Profiles\{profile-id}.default1
  4. Inside your Firefox Profile Folder, create a new folder named: chrome.
  5. Inside the newly created chrome folder, create a new file named: userChrome.css.
  6. Copy the following code, paste as content and save:2
/* You may change the units to any length you find more convenient. */
#sidebar-box {
  max-width: 40% !important;
  min-width: 300px !important; /* careful you don't make it too small */
}
  1. Finally, in a new tab, navigate to about:config and search for toolkit.legacyUserProfileCustomizations.stylesheets and change it to true.
  2. Restart Firefox and test it out!

  1. %appdata% is equivalent to C:\Users\{username}\AppData\Roaming ↩︎

  2. After Firefox 107, #sidebar was deprecated, and #sidebar-box was introduced. ↩︎