jpdb-reviews-ui-tweak

Light rework of the JPDB review page

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name        jpdb-reviews-ui-tweak
// @version     0.0.1
// @match       *://jpdb.io/review*
// @run-at      document-start
// @description Light rework of the JPDB review page
// @license GPLv2
// @namespace https://greasyfork.org/users/888266
// ==/UserScript==

let doc = window.document;

function fixNavbar() {
    // Remove every navigation menu except the "Learn (n)"
    doc
        .querySelectorAll(".menu .nav-item:not(:first-child)")
        .forEach(element => element.remove());

    // Remove the button used to toggle the navigation menu on or off
    doc
        .querySelectorAll(".menu-icon")
        .forEach(element => element.remove());

    // Change the navigation menu maxHeight in order to be always visible
    let parent = doc
        .querySelectorAll(".menu")
        .item(0);
    parent.style.maxHeight = "30px";
    parent.style.transition = "off";

    // Tweak the navigation menu entry, removing the link and changing the message
    let entry = doc
        .querySelectorAll(".menu .nav-item")
        .item(0);

    entry.outerHTML = entry.outerHTML
        .replace(/<a/g, '<div')
        .replace(/<\/a>/g, '</div>')
        .replace("Learn", "Items left");
}

doc.addEventListener('DOMContentLoaded', () => {
    fixNavbar();
});