/firefox-second-sidebar

A Firefox userChrome.js script for adding a second sidebar with web panels like in Vivaldi/Floorp/Zen.

Primary LanguageJavaScriptMozilla Public License 2.0MPL-2.0

Second Sidebar for Firefox

A Firefox userChrome.js script for adding a second sidebar with web panels like in Vivaldi/Floorp/Zen.

promo_rounded

Motivation

There are many forks of Firefox, but I prefer to continue using the original browser. However, I have also tried other browsers such as Vivaldi, Floorp and Zen. I also miss the feature of having a decent sidebar with web panels, which is why I decided to create my own version, with blackjack and hookers.

Demo

fss_demo_v1.2.mp4

Features

Adding new web panel

  1. Left-click on the Plus button.
  2. Enter the web address. The current address will be automatically inserted into the field.
  3. Press Enter or click on the "Create" button.
  4. A new web panel will be created with default settings.

Changing width of the web panel

After creating a web panel, you might want to consider changing its width. To achieve this, position the mouse cursor at the edge of the web panel opposite the sidebar and then drag it.

Pinning and unpinning the web panel

Depending on your needs, you can pin the web panel to the side of the web page or make it appear on top of the content.

Mobile view and zooming

There is an option to open the website using the mobile user agent. There are also buttons to zoom in and out of the content.

Unloading the web panel from memory

To save memory, you can manually unload the web panel using two methods: the toolbar button or the context menu.

Web panel settings

Here you can change the following:
  1. Page address. After changing the relevant field, please wait one second for the changes to be temporarily applied. They will be saved or canceled depending on your next action.
  2. Favicon address. The same as for the page address.
  3. Web panel type: floating or pinned.
  4. Use mobile User Agent.
  5. Load into memory at startup: automatic loading of the web panel.
  6. Unload from memory after closing.
  7. Hide toolbar: "headless" web panel.
  8. Zoom.
  9. Position of the web panel button.
All changes are applied instantly, but can be rolled back by clicking the "Cancel" button or by losing focus. They are saved only after clicking the "Save" button.

Deleting the web panel

There is confirmation of the deletion, so you don't need to worry about accidentally deleting the web panel.

Sidebar settings

Here you can change the following:
  1. Sidebar position: left or right.
  2. Sidebar buttons position: top or bottom.
  3. Plus button position: above web panel buttons or below them.
  4. Sidebar width with predefined values.
  5. Sidebar buttons size in pixels.
  6. Floating web panel offset.
  7. Hide sidebar in popup windows.
  8. Auto-hide of back and forward buttons from toolbar.
All changes are applied instantly, but can be rolled back by clicking the "Cancel" button or by losing focus. They are saved only after clicking the "Save" button.

Install (fx-autoconfig)

  1. Install fx-autoconfig.
  2. Copy the contents of the src/ directory (second_sidebar/ and second_sidebar.uc.mjs) into chrome/JS/.
  3. Clear startup-cache.
  4. Have fun!

If you use another loader

Use a wrapper script provided by @dimdamin: #5.