Liberty.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

/* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
// 화면 크기가 변경될 때마다 실행되는 함수
function adjustLayout() {
  const title = document.querySelector('.liberty-content-header .title');
  const contentTools = document.querySelector('.liberty-content-header .content-tools');

  if (window.innerWidth <= 1022.4) {
    // 화면 크기가 1022.4px 이하일 경우, content-tools을 title 뒤로 이동
    if (title && contentTools && contentTools.parentNode === title.parentNode) {
      // content-tools를 title 다음으로 이동
      title.parentNode.appendChild(contentTools);
    }
  } else {
    // 화면 크기가 1022.4px 이상일 경우, 원래의 순서로 복원
    const libertyContentHeader = document.querySelector('.liberty-content-header');
    if (libertyContentHeader && title && contentTools) {
      // content-tools를 title 앞에 이동
      libertyContentHeader.prepend(contentTools);
    }
  }
}

// 페이지 로드 시와 창 크기 변경 시 실행
window.addEventListener('load', adjustLayout);
window.addEventListener('resize', adjustLayout);

미디어위키:Liberty.js