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);
        }
    });
})();

미디어위키:Liberty.js