Full Width Toggle

English · 한국어

Full Width Toggle adds a compact, Notion-style Full Width switch to Obsidian's status bar. Click either the label or the switch to change the active note between full width and readable width.

Demo

Features

• Notion-style Full Width switch in the status bar
• The whole control is clickable, including both the text and the switch
• Per-note width state stored in the note's cssclasses property
• Ribbon and command-palette actions
• Editor and file context-menu actions
• Editing-view and reading-view support
• Self-contained styling with no separate CSS snippet
• Preserves unrelated cssclasses values

How it works

Full Width is off by default. In the off state, Obsidian uses its current default note width (normally readable width). Turning Full Width on adds the following property to the active note:

---
cssclasses:
  - full-width
---

Turning it back off removes only the full-width class. Other classes are left untouched.

Installation

Manual installation

1. Download main.js, manifest.json, and styles.css.

2. Create this folder inside your vault:

   <vault>/.obsidian/plugins/full-width-toggle/
   

3. Copy the three files into that folder.

4. Open Settings → Community plugins and enable Full Width Toggle.

BRAT

Install BRAT, choose Add Beta plugin, and enter:

do0ori/obsidian-full-width-toggle

Commands

• Toggle current note width

The same action is also available from the ribbon, editor context menu, and file context menu.

Development

npm install
npm run dev

Run npm run build to create the production main.js used in GitHub Releases.

Support

If Full Width Toggle makes your Obsidian workflow a little nicer, you can support the project through PayPal.

License

MIT