|
|
(같은 사용자의 중간 판 18개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| /* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */ | | /* 이 자바스크립트 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */ |
| // 화면 크기가 변경될 때마다 실행되는 함수
| |
| 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);
| |