미디어위키:Minerva.css: 두 판 사이의 차이

하나님의 교회 지식사전
둘러보기로 이동 검색으로 이동
← 이전 편집다음 편집 →
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* Minerva 상단 브랜드 텍스트가 너무 길 때 아이콘 깨지는 문제 방지 */
/* Minerva 상단 브랜드 텍스트 길어서 아이콘 겹치는 문제 해결 */
.minerva-header .branding-box {
.minerva-header .branding-box {
     max-width: 60%;      /* 텍스트가 차지하는 최대 폭 제한 */
     max-width: calc(100% - 90px);  /* 오른쪽 아이콘 영역 90px 정도 확보 */
    white-space: nowrap;  /* 한 줄로 표시 */
    overflow: hidden;
    text-overflow: ellipsis; /* 넘치는 부분은 … 처리 */
}
}


@media (max-width: 720px) {
/* 실제 텍스트에 말줄임 적용 */
    .minerva-header .branding-box {
.minerva-header .branding-box a {
        max-width: 55%;
    display: block;
     }
    white-space: nowrap;
    overflow: hidden;
     text-overflow: ellipsis;
}
}

2025년 11월 26일 (수) 09:29 판

/* 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;
}
원본 주소 "https://churchofgod.wiki/index.php?title=미디어위키:Minerva.css&oldid=11773"