Hide paramount plus side bar

Hide annoying sidebar on paramount

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Hide paramount plus side bar
// @namespace    http://tampermonkey.net/
// @version      2026-02-08
// @description  Hide annoying sidebar on paramount
// @author       Furty
// @match        https://www.paramountplus.com/live-tv/stream/ufc/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=paramountplus.com
// @grant        none
// @license      GPL-3.0-or-later
// ==/UserScript==

(function() {
'use strict';

    // Create and inject the CSS rule
    const style = document.createElement('style');
    style.textContent = `
        .skin-sidebar-plugin {
            display: none !important;
        }
    `;
    document.head.appendChild(style);

    // Optional: Also hide any already existing elements (in case page is already loaded)
    const hideElements = () => {
        document.querySelectorAll('.skin-sidebar-plugin').forEach(el => {
            el.style.display = 'none';
        });
    };

    // Run once immediately
    hideElements();

    // Watch for dynamically added elements (common on modern sites)
    const observer = new MutationObserver((mutations) => {
        hideElements();
    });

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