fix(project): 설명란 이미지 버튼을 이모지 대신 material-symbols 아이콘으로

🖼️ 이모지가 브라우저마다 색이 진하고 크기가 커서 옆 B/I/U 버튼들과 줄이
안 맞고 튀어 보였다. 이미 쓰고 있는 material-symbols-outlined 폰트의
"image" 아이콘으로 교체하고 16px로 맞춰 다른 서식 버튼과 높이/정렬이
같아지게 함.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-16 01:24:16 +09:00
parent d10409713c
commit 93a1802c4c
4 changed files with 9 additions and 5 deletions
+4
View File
@@ -606,6 +606,10 @@
}
.pj-desc-fmtbtn:hover { background: #f1f2f4; }
.pj-desc-fmtbtn.is-active { background: var(--pj-accent-tint); border-color: var(--pj-accent); color: var(--pj-accent-dark); }
/* 이미지 추가 버튼(label)도 다른 버튼과 같은 높이/굵기로 — material-symbols
기본 24px 아이콘을 그대로 두면 이 버튼만 커 보이고 줄도 어긋난다. */
.pj-desc-fmtbtn .material-symbols-outlined { font-size: 16px; line-height: 1; }
label.pj-desc-fmtbtn { line-height: 26px; }
.pj-desc-fmtsep { width: 1px; height: 16px; background: #e2e4ea; margin: 0 4px; }
.pj-desc-editor {
min-height: 64px; max-height: 260px; overflow-y: auto; padding: 8px 10px;