mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-25 15:35:42 -05:00
e388b3c0f1* PUSH NOTE : Explore the Garden.md * PUSH NOTE : Projects Overview.md * PUSH NOTE : Static Site Generators.md * PUSH NOTE : Public Journal.md * PUSH NOTE : Tools.md * PUSH NOTE : index.md * PUSH NOTE : Unlock Firefox Sidebar.md
37 lines
1.6 KiB
Markdown
37 lines
1.6 KiB
Markdown
---
|
|
title: Unlock the Sidebar Width in Firefox
|
|
tags:
|
|
- guide
|
|
compartir: true
|
|
lastmod: 2023-09-29
|
|
---
|
|
|
|
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](https://addons.mozilla.org/en-US/firefox/addon/side-view/) extension.
|
|
* To compliment the use of one of my Firefox sidebar [extensions](https://addons.mozilla.org/en-US/firefox/user/17772574/).
|
|
|
|
## 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, paste as content and save:[^2]
|
|
|
|
```css
|
|
/* You may change the units to any length you find more convenient. */
|
|
#sidebar-box {
|
|
max-width: 40% !important;
|
|
min-width: 300px !important;
|
|
}
|
|
```
|
|
|
|
7. Finally, in a new tab, navigate to `about:config` and search for `toolkit.legacyUserProfileCustomizations.stylesheets` and change it to `true`.
|
|
8. 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.
|