AtCoder Navbar Restrictor

restricts navbar width

Verze ze dne 27. 07. 2024. Zobrazit nejnovější verzi.

Navštivte stránky autora pro podporu, zeptejte se na otázku, přidejte recenzi nebo skript nahlašte.

Wrap lines

// ==UserScript==
// @name         AtCoder Navbar Restrictor
// @namespace    https://twitter.com/KakurenboUni
// @version      0.0.0
// @description  restricts navbar width
// @author       uni_kakurenbo
// @match        https://atcoder.jp/contests/**
// @license      MIT
// @supportURL   https://twitter.com/KakurenboUni
// ==/UserScript==
 
(function() {
    'use strict';
 
    const $navbar =document.getElementById("navbar-collapse");
 
    if(!$navbar) return;
 
    const observer = new ResizeObserver(() => {
        const $navbarBrand = document.getElementsByClassName("navbar-brand")[0];
        const $navbarRight = document.getElementsByClassName("navbar-right")[0];
 
        if(!$navbarBrand || !$navbarRight) return;
 
        const width = $navbar.offsetWidth - ($navbarRight.offsetWidth + $navbarBrand.offsetWidth);
 
        Array.from(document.getElementsByClassName("contest-title")).forEach(($e) => {
            $e.style["max-width"] = `${width}px`;
            $e.style["text-overflow"] = "ellipsis"
            $e.style["text-wrap"] = "nowrap"
            $e.style["overflow-x"] = "clip"
        })
    });
 
    observer.observe($navbar);
})();