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

← 이전 편집

@@ 1번째 줄: / 1번째 줄: @@
+/* 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개라면 조금 더 */
+    }
+}