GitHub Release Filename Wrap

Improve the display of file names in GitHub Releases with the word-wrap feature so that long file names are fully visible on mobile displays.

ही स्क्रिप्ट इंस्टॉल करा ?

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         GitHub Release Filename Wrap
// @namespace    http://tampermonkey.net/
// @version      2.2
// @description  Improve the display of file names in GitHub Releases with the word-wrap feature so that long file names are fully visible on mobile displays.
// @author       Partner Coding
// @match        https://github.com/*/*/releases*
// @icon         https://github.githubassets.com/pinned-octocat.svg
// @grant        GM_addStyle
// @license      MIT
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const css = `
        .Box-row a.Truncate {
            max-width: none !important;
            height: auto !important;
        }

        .Box-row a.Truncate .Truncate-text {
            white-space: normal !important;
            overflow: visible !important;
            word-break: break-word !important;
            line-height: 1.4 !important;
            padding-bottom: 4px;
        }

        .Box-row span.Truncate {
            max-width: 100% !important;
            display: inline-block !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            vertical-align: bottom !important;
        }
    `;

    function addGlobalStyle(css) {
        const head = document.getElementsByTagName('head')[0];
        if (!head) { return; }
        const style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = css;
        head.appendChild(style);
    }

    addGlobalStyle(css);

})();