v0.2.3: configurable overflow-wrap for table cells

Installation

Download variable-content-width.css and place it in your Obsidian snippets folder:

1. Open Obsidian Settings → Appearance → CSS Snippets
2. Click the folder icon to open snippets folder
3. Place variable-content-width.css in the folder
4. Refresh the snippets list and enable "Variable Content Width"

See README.md for full documentation.

What's Changed

Added

• Configurable Table Cell Text Wrapping: New overflow-wrap controls for table cells
  • Added --vcw-set-table-head-overflow-wrap CSS variable for table header cells
  • Added --vcw-set-table-body-overflow-wrap CSS variable for table body cells
  • Style Settings integration with dropdown options:
    • break-word (default, recommended): Breaks words only when necessary to prevent overflow
    • normal: Only breaks at spaces (standard behavior, may cause overflow)
    • anywhere: Breaks at any character to prevent overflow
  • Prevents horizontal overflow in tables with long URLs, code snippets, or compound words
  • Applies to both preview mode and source/editor mode
  • Especially useful in narrow panels and split-pane layouts

Changed

• CSS Refactoring: Improved code maintainability with modern CSS nesting
  • Refactored preview.css table selectors to use nested syntax
  • Refactored source.css table editor selectors to use nested syntax

Full Changelog: v0.2.2...v0.2.3