quartz/content/Evergreen/Unlock Firefox Sidebar.md
Miguel Pimentel 122a075ef1
Pull-Request [ariasae-10-11-2023] from Obsidian (#27)
* PUSH NOTE : Digital Garden.md

* PUSH NOTE : markdown-showcase.md

* PUSH NOTE : Public Journal.md

* PUSH NOTE : The Moon (Earth).md

* PUSH NOTE : NeoVim.md

* PUSH NOTE : Meta.md

* PUSH NOTE : Scry Your Tasks.md

* PUSH NOTE : Rhizome.md

* PUSH NOTE : Rhizomatic Learning.md

* PUSH NOTE : Move Your Body.md

* PUSH NOTE : Markdown.md

* PUSH NOTE : Consistency.md

* PUSH NOTE : Tools.md

* PUSH NOTE : Writing with Outlines.md

* PUSH NOTE : Guitar.md

* PUSH NOTE : Poetry.md

* PUSH NOTE : index.md

* PUSH NOTE : Unlock Firefox Sidebar.md

* PUSH NOTE : Chuckwalla.md

* PUSH NOTE : Words I Like.md

* PUSH NOTE : Quotes Collection.md

* PUSH NOTE : Free Facts.md

* PUSH NOTE : Serif.md

* PUSH NOTE : Sweep Your Mind.md

* PUSH NOTE : Static Site Generators.md

* PUSH NOTE : Scope of Work.md

* PUSH NOTE : Sans-serif.md

* PUSH NOTE : Micropolitan Statistical Area.md

* PUSH NOTE : Continuous Care.md

* PUSH NOTE : Chords.md

* PUSH NOTE : Atomic Notes.md

* PUSH NOTE : Arpeggio.md

* PUSH NOTE : About.md

* PUSH NOTE : SSD NVMe Comparison.md

* PUSH NOTE : Aurora Borealis Sighting.md

* DELETE FILE : content/Budding/Digital Garden.md

* DELETE FILE : content/Markdown Showcase.md

* DELETE FILE : content/Projects Overview.md
2023-10-11 13:01:25 -05:00

1.7 KiB

title tags compartir updated category
Unlock the Sidebar Width in Firefox
guide
true 2023-10-02 Evergreen

This post will guide you through unlocking the sidebar width in Firefox. It will let you resize it beyond what is possible by default. We will be setting both the maximum, and the minimum width. You will have a chance to customize these values once at the right step.

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;
}
  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. ↩︎