This Firefox extension allows you to modify the sidebar behavior on Claude.ai. You can adjust the sidebar width or completely disable it from popping in. Useful for users who want to optimize their screen real estate or prefer a specific sidebar width.
- ➡️ Adjust sidebar width using a slider
- 🚫 Completely disable the sidebar
- 🔒 Can only access https://claude.ai/
Extension Settings | Width Demo |
---|---|
- Visit the Claude Sidebar Modifier extension page.
- Click on "Add to Firefox" and follow the prompts to install the extension.
- Clone this repository or download the ZIP file.
- Open Firefox and navigate to
about:debugging#/runtime/this-firefox
. - Click on "Load Temporary Add-on".
- Select the
manifest.json
file from the project directory.
claude-sidebar-mod/
├── manifest.json
├── sidebar-disable.js
├── background.js
├── sidebar-disable.css
├── popup.html
├── popup.js
└── assets/
├── icon-48.png
├── icon-96.png
├── extension-settings.png
└── extension-width-demo.png
- Visit a Claude.ai page.
- Click on the extension icon in the Firefox toolbar to open the popup.
- Use the slider to adjust the sidebar width.
- Toggle the "Disable Sidebar" checkbox to enable or disable the sidebar.
- Your settings will be automatically applied and saved.
To modify the extension:
- Edit the relevant files (
sidebar-disable.js
,popup.js
,background.js
, etc.). - Reload the extension in Firefox (go to
about:debugging
, find the extension, and click "Reload"). - Refresh the Claude.ai page to see your changes.
If you encounter any issues:
- Ensure you're using the latest version of Firefox.
- Try disabling and re-enabling the extension.
- If problems persist, please open an issue in this repository with a detailed description of the problem.
This project is licensed under the MIT License - see the LICENSE file for details.