Editor Text Zoom & Cross-Window Sync

What it does

Two related zoom controls share the same brain across the main window and the overlay:

  1. Editor text zoom — Ctrl+Scroll over any CodeMirror editor enlarges the editor font without affecting the rest of the UI. Handy for live demos or when your eyes need a break.
  2. Cross-window zoom sync — the main window and the overlay share localStorage["ui-scale"] and a ui-zoom-changed Tauri event. Resize one and the other follows.
  3. Double-click the Zoom indicator in the status bar to reset the active area to 100 %.

How to use it

Editor text zoom

  • Hover over a CodeMirror editor (any TXT / SCR step, clip content editor, find/replace bar)
  • Hold Ctrl and scroll the mouse wheel — font grows or shrinks
  • The rest of the UI (menus, sidebar, toolbars) stays at its own zoom level
  • Setting persists per session

UI zoom (application-wide)

  • Ctrl+= / Ctrl+- zooms the whole UI
  • Ctrl+0 resets to 100 %
  • The zoom indicator in the lower-right status bar shows the current percent; double-click it to reset

Cross-window sync

  • Change zoom in the main window → the overlay picks it up next time it opens
  • Change zoom in the overlay → the main window updates immediately via the ui-zoom-changed event
  • No config needed; runs via localStorage and a Tauri event bus

Tips & gotchas

  • Editor zoom and UI zoom are independent — enlarging an editor for a screen recording will not also blow up the menu bar
  • Editor zoom is per-session — it resets when the app restarts (UI zoom persists in config)
  • If you see strange 115 % or 130 % drift at app start, update to v0.7.31 or later — the compounding bug between body and html was fixed in this release
  • Layout Modes — Combine zoom with layout modes for dense / roomy workspaces