Remove Comick Sidebar

Removes sidebar div and extends main to take its place exactly

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Remove Comick Sidebar
// @namespace    https://github.com/GooglyBlox
// @version      1.1
// @description  Removes sidebar div and extends main to take its place exactly
// @author       GooglyBlox
// @match        https://comick.dev/
// @match        https://comick.dev/home2
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    function adjustLayout() {
        const mainElement = document.querySelector('main[id="main"]');

        const sidebarDiv = document.querySelector('div.float-right.w-4\\/12.xl\\:w-3\\/12');

        if (mainElement && sidebarDiv) {
            sidebarDiv.remove();

            mainElement.classList.remove('md:w-8/12', 'xl:w-9/12');
            mainElement.classList.add('md:w-12/12', 'xl:w-12/12');

            mainElement.classList.remove('md:float-left');
        }
    }

    adjustLayout();

    const observer = new MutationObserver(function(mutations) {
        adjustLayout();
    });

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