☰

WTR-Lab Reader & UI Enhancer

Adds a responsive configuration panel to adjust the width of the reader content and bottom navigation bar on wtr-lab.com.

Author
MasuRiii
Daily installs
0
Total installs
0
Ratings
0 0 0
Version
2.1
Created
2025-10-17
Updated
2025-10-23
Size
9.85 KB
License
MIT
Applies to

Alt text Alt text

This script enhances the reading experience on wtr-lab.com by giving you full control over the width of the reader content and the bottom navigation bar. It replaces the default fixed-width layout with a powerful, persistent, and user-friendly configuration panel.

The Problem

The default reading pane on wtr-lab.com is fixed to a maximum width of 760px. On wider monitors, this results in a narrow column of text with a lot of wasted space on the sides, which can be uncomfortable and inefficient for reading.

The Solution

This userscript introduces a central configuration panel to override the default widths. It adds a single, clean "Configure Settings" command to your Tampermonkey menu, allowing you to easily:

  • Independently adjust the width of the reader and the bottom navigator.
  • Use + and - buttons for quick adjustments.
  • Set a precise custom width for each element.
  • Reset widths back to the website's default with one click.

Your preferred settings are automatically saved and applied every time you visit a chapter, so you only need to set them once.

Features

  • Unified Configuration Panel: No more cluttered menus! A single Configure Settings command opens a clean, modern panel with all options in one place.
  • Dual Width Control: Independently adjust the width of both the main reader content and the bottom navigation bar to create your perfect layout.
  • Responsive & Mobile-Friendly: The settings panel is designed to work flawlessly on both desktop and mobile browsers, with controls that adapt to your screen size.
  • Persistent Settings: Your chosen widths are saved locally using Tampermonkey's storage, so your preferences are remembered across sessions.
  • Developer Tools: Includes a Toggle Debug Logging command for advanced users and easier troubleshooting.
  • One-Click Reset: Each setting has its own reset button to easily revert to the original 760px width.
  • Lightweight and Safe: The script is minimal, efficient, and only affects the styling of the page. It does not interact with the website's data or your account.

How to Use

  1. Make sure you have the Tampermonkey (or a compatible) browser extension installed.
  2. Install this script.
  3. Navigate to any chapter page on wtr-lab.com.
  4. Click the Tampermonkey extension icon in your browser's toolbar and select Configure Settings.
  5. The settings panel will appear over the page.
  6. Use the +, -, and Reset buttons or type a value directly into the input fields to make adjustments. Changes are applied and saved instantly. Click "Close" or click outside the panel to dismiss it.

Technical Notes

  • Settings are saved using GM_setValue, which stores the data securely within the Tampermonkey extension, not in your browser's cookies or the website's local storage.
  • The script uses a CSS !important tag to ensure its styles reliably override the website's own styles.