Skip to content

Latest commit

 

History

History

hacker-news-in-sidebar

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
.github/workflows
.github/workflows
 
 
src
src
 
 
README.md
README.md
 
 
manifest.json
manifest.json
 
 

README.md

logo Hacker News in Sidebar

Mozilla Add-on Add-on rating Add-on downloads Add-on users License

A Firefox extension to display Hacker News within the Firefox sidebar. This extension adds a new section to the sidebar which contains the Hacker News website. It also adds a shortcut, and a button toggle within the toolbar.

Get the Addon

Usage

  1. Toggle the sidebar by pressing Alt+Shift+D. This shortcut can be changed by going to Add-ons → Discord in Sidebar → Options.
  2. If you prefer buttons over shortcuts, there is a toolbar button you can press to toggle the sidebar.

How to Unlock Firefox Sidebar Width

The sidebar's width is locked by default in Firefox. Unfortunately, the sidebar is very restrictive and I can only do so much to enhance the functionality of this extension. I put together a step-by-step guide on how to unlock it.

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.
  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:
#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!

📝 Notes

  • You can find the canonical publication for the guide on my Blog.
  • I also have instructions in Spanish in this GitHub Gist.

⚠ Disclaimer

This Add-on is primarily for personal use; a personal project if you will. I'm just trying to use Hacker News on the Firefox sidebar. This add-on just launches their website in the sidebar. This extension is an independent project, has no relationship, and is not affiliated to Hacker News in any way.

💜 Acknowledgments

Icons used for all my extensions are part of UXWing's collection. Take a look at their license.

© License

Source code in this repository is available under the MIT License.