Liberty.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.
(function () {
    function toggleCatlinks() {
        let catlinks = document.getElementById('catlinks');
        let buttonContainer = document.querySelector('.catlinks-button-container');
        
        observer.disconnect();
        catlinks.style.height = '';
        buttonContainer.remove();
        
        observer.observe(document.body, { subtree: true, childList: true });
    }

    let observer = new MutationObserver(function (mutations) {
        mutations.forEach(function () {
            let catlinks = document.getElementById('catlinks');
            let catlinksContent = document.getElementById('mw-normal-catlinks');
            
            if (catlinksContent && catlinksContent.offsetHeight > 26) {
                catlinksContent.style.height = '25.594px';
                
                let button = document.createElement('button');
                button.className = 'catlinks-button';
                button.textContent = '더 보기';
                button.addEventListener('click', toggleCatlinks);
                
                let buttonContainer = document.createElement('div');
                buttonContainer.className = 'catlinks-button-container';
                buttonContainer.appendChild(button);
                
                catlinks.appendChild(buttonContainer);
            }
        });
    });

    observer.observe(document.body, { subtree: true, childList: true });
    
    window.addEventListener('load', function () {
        let catlinks = document.getElementById('catlinks');
        let catlinksContent = document.getElementById('mw-normal-catlinks');
        
        if (catlinksContent && catlinksContent.offsetHeight > 26) {
            catlinksContent.style.height = '25.594px';
            
            let button = document.createElement('button');
            button.className = 'catlinks-button';
            button.textContent = '더 보기';
            button.addEventListener('click', toggleCatlinks);
            
            let buttonContainer = document.createElement('div');
            buttonContainer.className = 'catlinks-button-container';
            buttonContainer.appendChild(button);
            
            catlinks.appendChild(buttonContainer);
        }
    });
})();

var observer = new MutationObserver(function(mutationsList, observer) {
    // �섏씠吏� �댁슜�� 蹂�寃쎈맆 �뚮쭏�� �ㅽ뻾�� 肄쒕갚 �⑥닔
    mutationsList.forEach(function(mutation) {
        // catlinks �붿냼瑜� 李얠쓬
        var catlinks = document.getElementById("catlinks");
        var subCatlinks = document.getElementById("mw-normal-catlinks");
        if (subCatlinks && subCatlinks.offsetHeight > 26) {
            // catlinks�� �믪씠媛� 26px �댁긽�대㈃ �묒뾽 �섑뻾
            subCatlinks.style.height = "25.594px";
            // catlinks �대��� 踰꾪듉 �붿냼 異붽�
            var button = document.createElement("button");
            button.className = "catlinks-button";
            button.textContent = "�� 蹂닿린";
            button.addEventListener("click", toggleCatlinks);
            var buttonContainer = document.createElement("div");
            buttonContainer.className = "catlinks-button-container";
            buttonContainer.appendChild(button);
            catlinks.appendChild(buttonContainer);
        }
    });
});

// MutationObserver瑜� 臾몄꽌�� �깅줉�섏뿬 蹂��붾� 媛먯�
observer.observe(document.body, { subtree: true, childList: true });

window.addEventListener("load", function() {
    var catlinks = document.getElementById("catlinks");
    var subCatlinks = document.getElementById("mw-normal-catlinks");
    if (subCatlinks && subCatlinks.offsetHeight > 26) {
        // catlinks�� �믪씠媛� 26px �댁긽�대㈃ �묒뾽 �섑뻾
        subCatlinks.style.height = "25.594px";
        // catlinks �대��� 踰꾪듉 �붿냼 異붽�
        var button = document.createElement("button");
        button.className = "catlinks-button";
        button.textContent = "�� 蹂닿린";
        button.addEventListener("click", toggleCatlinks);
        var buttonContainer = document.createElement("div");
        buttonContainer.className = "catlinks-button-container";
        buttonContainer.appendChild(button);
        catlinks.appendChild(buttonContainer);
    }
});

function toggleCatlinks() {
    var catlinks = document.getElementById("mw-normal-catlinks");
    var catlinksButtonContainer = document.querySelector(".catlinks-button-container");

    observer.disconnect(); // MutationObserver �쇱떆 以묒�

    catlinks.style.height = ""; // �믪씠 �띿꽦�� �놁븷湲�
    catlinksButtonContainer.remove(); // catlinks-button-container �쒓굅

    // �ㅼ떆 MutationObserver �깅줉
    observer.observe(document.body, { subtree: true, childList: true });
}
미디어위키:Liberty.js
