A userscript that expands ClickUp's task view content area for improved readability and productivity on wide and UltraWide monitors (e.g. 34"). Perfect for users who want to maximize screen space and enhance their task editor layout in ClickUp’s web app.

clickup-wider-task-view.user.js

// ==UserScript==
// @name         ClickUp Wider Task View
// @namespace    https://github.com/iDschepe
// @version      1.1
// @description  Expands the task content area in ClickUp's task view — especially designed for wide screens like 34" UltraWide monitors.
// @author       iDschepe
// @match        https://app.clickup.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    function widenClickUpEditor() {
        const editor = document.querySelector('div.cu-task-view-task-content__body');
        if (editor) {
            editor.style.maxWidth = 'none';
            editor.style.width = '98%';
            editor.style.margin = '0 auto';
            editor.style.padding = '0 20px'; // optional for padding inside
            editor.style.boxSizing = 'border-box'; // prevent overflow
        }
    }

    // Try after page load (in case the element is already there)
    window.addEventListener('load', () => {
        setTimeout(widenClickUpEditor, 1000);
    });

    // Also run when ClickUp dynamically changes the DOM
    const observer = new MutationObserver(() => {
        widenClickUpEditor();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
})();