미디어위키:Vector-2022.css

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

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

/* 가로폭이 중간쯤 될 때 위에 위치한 사이드바 문단 내용을 2~3줄로 나누기 */ 
@media screen and (min-width: 480px) and (max-width: 719px) {
    #mw-panel {
      display:grid;
      grid-template-columns: auto auto;
      gap: 5px;
    }
    #p-navigation, #mw-panel > .mw-sidebar-action {
       grid-column: 1 / span 2;
    }
}
@media screen and (min-width: 720px) and (max-width: 999px) {
    #mw-panel {
      display:grid;
      grid-template-columns: auto auto auto;
      gap: 5px;
    }
    #p-navigation, #mw-panel > .mw-sidebar-action {
       grid-column: 1 / span 3;
    }
}


/* 다크모드에서 사이드바 바깥부분의 배경처리 오류 확인 */
.client-darkmode {
	height: initial;
}

#mw-panel #vector-main-menu a {
   padding: 0 6px;

}