Settings Float

Settings Float

Settings Float is an Obsidian desktop plugin that makes the core Settings modal and supported catalog dialogs movable and resizable. It is built for appearance-tuning workflows where you want Settings, theme browsing, or plugin browsing open while still seeing the note or workspace behind it.

Demo

Table of Contents

• Installation
• Workflow
• Settings
• Recovery
• Development
• Compatibility Notes
• License

Installation

Settings Float is not listed in Obsidian's community plugin catalog yet. Install it with BRAT, from a GitHub release, or from a local build.

Install with BRAT

BRAT is the easiest way to try unreleased Obsidian plugins and keep them updated from GitHub.

1. In Obsidian, install and enable BRAT from Community plugins.

2. Open BRAT settings and choose Add Beta plugin.

3. Paste this repository URL:

   https://github.com/swartzrock/obsidian-settings-float-plugin
   

4. Choose Add Plugin, then enable Settings Float from Obsidian's Community plugins list.

Install Manually from a Release

1. Download the latest release from GitHub Releases.

2. In your vault, create this folder if it does not already exist:

   .obsidian/plugins/settings-float/
   

3. Copy these release files into that folder:

   manifest.json
   main.js
   styles.css
   

4. Restart Obsidian or reload the app.

5. Enable Settings Float from Settings -> Community plugins -> Installed plugins.

Install from a Local Build

Use this path when testing changes from source.

1. Clone the repository and install dependencies:

   git clone https://github.com/swartzrock/obsidian-settings-float-plugin.git
   cd obsidian-settings-float-plugin
   bun install
   

2. Build the plugin:

   bun run build
   

3. Copy manifest.json, main.js, and styles.css into your vault's .obsidian/plugins/settings-float/ folder.

4. Reload Obsidian and enable the plugin.

Workflow

Open Obsidian Settings, move the modal by dragging empty space inside the dialog, then resize from the bottom-right corner. Theme and community plugin browser dialogs can also be moved and resized, which makes it easier to preview themes or inspect plugins without covering the whole workspace.

The plugin enhances the main Settings modal plus Obsidian's theme and community plugin browser dialogs. Other nested dialogs, such as font pickers, are left to Obsidian's default behavior.

Settings

• Enable movable dialogs: lets empty dialog space move supported dialogs.
• Enable resizable dialogs: shows the bottom-right resize corner on supported dialogs.
• Remember window geometry: restores the last valid position and size in this vault.
• Disable on narrow windows: keeps behavior conservative on cramped desktop windows.
• Disable on mobile: leaves mobile as a no-op for this release.
• Reset saved geometry: clears the persisted position and size.

Recovery

If Settings ends up in an awkward position, use the reset button in the plugin settings tab. Saved geometry is validated and clamped to the visible Obsidian window before it is applied.

Development

1. Install dependencies with bun install.
2. Run bun run dev for watch mode or bun run build for a production bundle.
3. Use bun run typecheck, bun run lint, and bun run test before packaging.
4. Release packaging expects manifest.json, main.js, and styles.css; the publish workflow also creates settings-float-<version>.zip.

Compatibility Notes

• Desktop is the intended target; mobile behavior is disabled.
• The plugin relies on Obsidian's current Settings and catalog dialog DOM shapes. Selectors are centralized so they can be updated if Obsidian changes those structures.
• Custom themes may affect modal spacing, shadows, or scrollbar placement. The plugin uses isolated classes and Obsidian CSS variables where possible.
• Manual validation in Obsidian is still required before publishing a release.

License

Settings Float is released under the MIT License.