미디어위키:Minerva.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
Resultofunion (토론 | 기여) 편집 요약 없음 |
Resultofunion (토론 | 기여) 편집 요약 없음 |
||
| 10번째 줄: | 10번째 줄: | ||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
} | |||
@media (max-width: 720px) { | |||
.minerva-header .branding-box { | |||
max-width: calc(100% - 96px); /* 아이콘이 3개라면 조금 더 */ | |||
} | |||
} | } | ||
2025년 11월 26일 (수) 09:30 기준 최신판
/* 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개라면 조금 더 */
}
}