미디어위키:Minerva.css

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

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

/* Minerva 상단 브랜드 텍스트 길어서 아이콘 겹치는 문제 해결 */
.minerva-header .branding-box {
    max-width: calc(100% - 90px);  /* 오른쪽 아이콘 영역 90px 정도 확보 */
}

/* 실제 텍스트에 말줄임 적용 */
.minerva-header .branding-box a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 720px) {
    .minerva-header .branding-box {
        max-width: calc(100% - 96px); /* 아이콘이 3개라면 조금 더 */
    }
}