미디어위키:Liberty.js

신사 (토론 | 기여)님의 2024년 12월 9일 (월) 18:40 판

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
document.addEventListener('DOMContentLoaded', function() {
  // 화면 크기에 따라 순서 변경
  function updateOrder() {
    if (window.innerWidth <= 1022.4) {
      document.querySelector('.content-tools').style.order = '1';
      document.querySelector('.title').style.order = '0';
      document.querySelector('.contentSub').style.order = '2';
    } else {
      document.querySelector('.content-tools').style.order = 'initial';
      document.querySelector('.title').style.order = 'initial';
      document.querySelector('.contentSub').style.order = 'initial';
    }
  }

  // 페이지 로딩 후 첫 번째 레이아웃 변경
  updateOrder();

  // 창 크기 조정 시 순서 업데이트
  window.addEventListener('resize', function() {
    requestAnimationFrame(updateOrder);
  });
});


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

// "mw-redirectedfrom" 클래스를 가진 요소 찾기
const redirectedFromElement = document.querySelector('.mw-redirectedfrom');

// 해당 요소가 존재하면
if (redirectedFromElement) {
  // 텍스트에서 괄호와 괄호 안의 내용을 제거하고 남은 부분만 수정
  redirectedFromElement.innerHTML = redirectedFromElement.innerHTML.replace(/[()]/g, '').trim();
}