GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-25 07:25:42 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity
7e23e2c2cb
quartz/content/unlock-firefox-sidebar.md
Miguel Pimentel 32bbe73410
Pull-Request [ariasae-11-28-2023] from Obsidian (#41) 
* PUSH NOTE : Zola Portfolio.md

* PUSH NOTE : Zola Minimal.md

* PUSH NOTE : Obsidian Starter Vault.md

* PUSH NOTE : Mabuya.md

* PUSH NOTE : Forgetful Notes.md

* PUSH NOTE : unlock-firefox-sidebar.md

* PUSH NOTE : on-burning-out.md

* PUSH NOTE : hello-world.md

* PUSH NOTE : monkey-brain.md

* PUSH NOTE : SSD NVMe Comparison.md

* PUSH NOTE : Emmet Cheat Sheet.md

* PUSH NOTE : Aurora Borealis Sighting.md

* PUSH NOTE : Zola.md

* PUSH NOTE : Meta.md

* PUSH NOTE : Tools.md

* PUSH NOTE : Inspirations.md

* PUSH NOTE : index.md

* PUSH NOTE : Digital Garden.md

* PUSH NOTE : Words I Like.md

* PUSH NOTE : About.md
2023-11-28 09:00:21 -06:00

1.7 KiB
Raw Blame History

title description date compartir category tags updated
Unlock the Sidebar Width in Firefox 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. 2023-06-26 true
Posts
firefox
tutorial
2023-10-19

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}.default[^1]
  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,[^2] paste as content and save:
/* 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, search for toolkit.legacyUserProfileCustomizations.stylesheets, and change its value to true.
  2. Restart Firefox and test it out!