미디어위키:Liberty.js

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

  if (window.innerWidth <= 1022.4) {
    // 화면 크기가 1022.4px 이하일 경우, title을 content-tools 앞에 넣기
    if (contentTools.parentNode !== title) {
      document.body.prepend(title);  // title을 body의 첫 번째 자식으로 이동
      document.body.append(contentTools); // content-tools를 body의 두 번째 자식으로 이동
    }
  } else {
    // 화면 크기가 1022.4px 이상일 경우, 원래의 순서로 복원
    if (title.parentNode !== contentTools) {
      document.body.append(contentTools);  // content-tools을 body의 두 번째 자식으로
      document.body.prepend(title);  // title을 body의 첫 번째 자식으로
    }
  }
}

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