미디어위키:Minerva.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
Resultofunion (토론 | 기여) 편집 요약 없음 |
Resultofunion (토론 | 기여) 편집 요약 없음 |
||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
/* Minerva 상단 브랜드 | /* Minerva 상단 브랜드 텍스트 길어서 아이콘 겹치는 문제 해결 */ | ||
.minerva-header .branding-box { | .minerva-header .branding-box { | ||
max-width: | max-width: calc(100% - 90px); /* 오른쪽 아이콘 영역 90px 정도 확보 */ | ||
white-space: nowrap; | } | ||
/* 실제 텍스트에 말줄임 적용 */ | |||
.minerva-header .branding-box a { | |||
display: block; | |||
white-space: nowrap; | |||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
} | } | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.minerva-header .branding-box { | .minerva-header .branding-box { | ||
max-width: | 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개라면 조금 더 */
}
}