Overleaf Space Maximiser

(Requires Tampermonkey Legacy / MV2 on Chromium!) Auto-hide Overleaf top toolbar to maximise vertical space. Hover over that area to show it again. To optionally maximise horizontal space, you can optimise file tree/outline spacing and/or hide file outline to maximise horizontal space. Toggle with settings button in toolbar.

作者
sjain329815723
日安装量
0
总安装量
0
评分
0 0 0
版本
0.4.2
创建于
2025-09-24
更新于
2025-09-30
大小
11.1 KB
许可证
MIT
适用于

🛠 Overleaf Space Maximiser

Author: sjain882

Version: 0.4.2

Compatible Site: Any Overleaf project editor: https://www.overleaf.com/project/*

⚠️ Warning

  • If using Chromium, this userscript requires an MV2 UserScript manager, such as Tampermonkey Legacy
  • If using Firefox, any userscript manager will work fine.
  • Changing settings for this userscript will reload the page, so make sure your work is saved and you have a stable internet connection.

📌 What It Does

  • Auto-hides the top toolbar on Overleaf when its not being hovered over.
  • [Optional] Optimise spacing of file tree by reducing font size (customisable) and removing horizontal padding.
  • [Optional] Remove file outline section to maximise the file tree and reduce visual clutter.

🛠 Accessing Settings

  1. Ensure your work is saved and you have a stable internet connection.
  2. Hover near the top of the page to show the top toolbar, then click the "Overleaf Space Maximiser" button.
  3. Change your settings, then click Save.
  4. The page will reload.

💡 Tip for laptop users with limited screen space

  • I combine this userscript with a dedicated Chromium (Edge/Chrome/Cromite/Opera etc) profile shortcut with the --profile-directory="<PROFILE>" -alt-high-dpi-setting=96 /high-dpi-support=1 /force-device-scale-factor=0.5 arguments (from here) to maximise vertical space
  • I do this as I only use Overleaf in this browser profile, so no need to access tab/URL bar.
  • This effectively creates an almost-fullscreen dedicated Overleaf app - very useful for small laptop screens.
  • For Firefox based browsers, you can use layout.css.devPixelsPerPx in about:config with a separate profile.

🔗 Project Links

🖼 Previews

The below images were captured on a 14" 1920x1080 laptop screen at 125% Windows DPI scaling.

Without userscript:



With userscript (file outline enabled + optimised):



With userscript (file outline disabled):



Settings:



Bonus - my overall view with full vanilla settings:



Bonus - my overall view with userscript (file outline disabled) + Cromite DPI scaling tip from above: