semanticdata/firefox-ticktick-in-sidebar

Firefox extension to display TickTick within the Firefox sidebar. This extension adds a new section to the sidebar which contains the TickTick web app. It also adds a shortcut, and a button toggle within the toolbar.

TickTick in Sidebar

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

Usage

1. Toggle the sidebar by pressing Alt+Shift+K. This shortcut can be changed by going to Add-ons → TickTick 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;
}

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!

📝 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 extension is an independent project, has no relationship, and is not affiliated to TickTick in any way. This extension is primarily for personal use; a personal project if you will. This add-on only launches their web app in the sidebar.

💜 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.