Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/semanticdata/firefox-ticktick-in-sidebar
firefox firefox-addon firefox-webextension ticktick
Last synced: about 8 hours ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/semanticdata/firefox-ticktick-in-sidebar
- Owner: semanticdata
- License: mit
- Created: 2023-07-25T13:52:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-26T19:48:21.000Z (7 months ago)
- Last Synced: 2024-04-27T18:43:38.006Z (7 months ago)
- Topics: firefox, firefox-addon, firefox-webextension, ticktick
- Language: HTML
- Homepage: https://addons.mozilla.org/en-US/firefox/addon/ticktick-in-sidebar/
- Size: 48.8 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#  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.
[](https://addons.mozilla.org/en-US/firefox/addon/ticktick-in-sidebar/)
## 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:
```css
#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](https://miguelpimentel.do/unlock-firefox-sidebar/).
- I also have instructions in Spanish in this GitHub [Gist](https://gist.github.com/semanticdata/ee0bca4f3617241aa98da114653c0b08#file-instrucciones-md).
## ⚠ 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](https://uxwing.com/)'s collection. Take a look at their [license](https://uxwing.com/license).
## © License
Source code in this repository is available under the [MIT License](LICENSE).