Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bwya77/autofit-tabs
Automatically adjusts tab header widths in real-time to perfectly fit each tab's title content while maintaining a clean, seamless interface that prevents awkward text truncation and ensures optimal readability of your document titles.
https://github.com/bwya77/autofit-tabs
obsidian obsidian-md obsidian-plugin
Last synced: about 22 hours ago
JSON representation
Automatically adjusts tab header widths in real-time to perfectly fit each tab's title content while maintaining a clean, seamless interface that prevents awkward text truncation and ensures optimal readability of your document titles.
- Host: GitHub
- URL: https://github.com/bwya77/autofit-tabs
- Owner: bwya77
- License: mit
- Created: 2025-01-20T18:31:39.000Z (1 day ago)
- Default Branch: main
- Last Pushed: 2025-01-20T20:59:53.000Z (1 day ago)
- Last Synced: 2025-01-20T21:30:41.126Z (1 day ago)
- Topics: obsidian, obsidian-md, obsidian-plugin
- Language: JavaScript
- Homepage:
- Size: 7.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AutoFit Tabs for Obsidian
Automatically adjusts tab header widths in real-time to perfectly fit each tab's title content while maintaining a clean, seamless interface that prevents awkward text truncation and ensures optimal readability of your document titles.
## Features
- **Dynamic Width Adjustment**: Tabs automatically resize to fit their content
- **Smooth Transitions**: Clean animations when tabs are resized
- **Space Optimization**: No more truncated titles or wasted space
- **Highly Customizable**: Fine-tune every aspect of tab appearance
- **Resource Efficient**: Uses caching to minimize performance impact
- **Clean Interface**: Maintains Obsidian's sleek look and feel
## Installation
1. Open Obsidian Settings
2. Navigate to Community Plugins and disable Safe Mode
3. Click Browse and search for "AutoFit Tabs"
4. Install the plugin
5. Enable the plugin in your Community Plugins list
### Manual Installation
1. Download the latest release from the releases page
2. Extract the files into your vault's `.obsidian/plugins/autofit-tabs/` directory
3. Reload Obsidian
4. Enable the plugin in your Community Plugins list
## Usage
Once installed and enabled, AutoFit Tabs works automatically with no additional configuration needed. The plugin will immediately begin adjusting your tab widths to fit their content.
### Configuration
You can customize the following settings in the plugin options:
- **Minimum Width**: Set the smallest allowed width for tabs (default: 40px)
- **Close Button Width**: Adjust the width of the tab close button (default: 28px)
- **Left Padding**: Set the padding before the tab icon (default: 12px)
- **Icon Right Margin**: Set the space between icon and text (default: 0px)
- **Close Button Padding**: Adjust the space before the close button (default: 10px)
- **Transition Duration**: Set how fast tabs animate when resizing (default: 315ms)
## Compatibility
- Requires Obsidian v0.15.0 or higher
- Desktop only (not available for mobile)
- Compatible with most themes and plugins
## Support
If you find this plugin helpful, you can:
- Star the repository on GitHub
- Report any issues on the GitHub issue tracker
- [Buy me a coffee](https://buymeacoffee.com/bwya77)
- [Become a GitHub Sponsor](https://github.com/sponsors/bwya77)
## Development
Want to contribute or modify the plugin? Here's how to get started with the source code:
1. Create a directory for your GitHub projects:
```bash
cd path/to/somewhere
mkdir Github
cd Github
```
2. Clone the repository:
```bash
git clone https://github.com/bwya77/autofit-tabs.git
```
3. Navigate to the plugin directory:
```bash
cd autofit-tabs
```
4. Install dependencies:
```bash
npm install
```
5. Start development build mode:
```bash
npm run dev
```
This command will keep running in the terminal and automatically rebuild the plugin whenever you make changes to the source code.
6. You'll see a `main.js` file appear in the plugin directory - this is the compiled version of your plugin.
### Testing Your Changes
To test your modifications:
1. Create a symbolic link or copy your plugin folder to your vault's `.obsidian/plugins/` directory
2. Enable the plugin in Obsidian's community plugins settings
3. Use the developer console (Ctrl+Shift+I) to check for errors and debug
### Making Contributions
1. Fork the repository
2. Create a new branch for your feature
3. Make your changes
4. Submit a pull request with a clear description of your changes
## License
MIT License. See [LICENSE](https://github.com/bwya77/autofit-tabs/blob/main/LICENSE) for full text.