king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(project): 설명란 "이미지 추가"도 서식 도구 줄의 아이콘 버튼으로 통일

Browse Source 
텍스트 라벨 버튼을 없애고 B/I/U 등과 같은 pj-desc-fmtbtn 아이콘 버튼으로
서식 도구 줄에 편입(🖼️). 파일 input은 그대로 label 안에 둬서 동작은
동일, setTaskId 의 활성화/비활성화(투명도) 로직도 손댈 필요 없음.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-16 01:21:13 +09:00
parent 33b6bd2201
commit d10409713c
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/project/templates/project/index.html
+2 -1
View File
@@ -293,7 +293,6 @@
<!-- 설명 — 간단한 워드프로세서식 서식 도구 + 이미지 삽입 --> <!-- 설명 — 간단한 워드프로세서식 서식 도구 + 이미지 삽입 -->
<div class="pj-desc-toolbar"> <div class="pj-desc-toolbar">
<span class="pj-extra-label">설명</span> <span class="pj-extra-label">설명</span>
<label class="pj-upload-btn">이미지 추가<input type="file" id="pj-desc-img-input" accept="image/*" hidden /></label>
<span class="pj-muted-sm" id="pj-desc-hint"></span> <span class="pj-muted-sm" id="pj-desc-hint"></span>
</div> </div>
<div class="pj-desc-fmtbar" id="pj-desc-fmtbar"> <div class="pj-desc-fmtbar" id="pj-desc-fmtbar">
@@ -307,6 +306,8 @@
<span class="pj-desc-fmtsep"></span> <span class="pj-desc-fmtsep"></span>
<button type="button" class="pj-desc-fmtbtn" data-cmd="createLink" title="링크 삽입">🔗</button> <button type="button" class="pj-desc-fmtbtn" data-cmd="createLink" title="링크 삽입">🔗</button>
<button type="button" class="pj-desc-fmtbtn" data-cmd="removeFormat" title="서식 지우기">✕서식</button> <button type="button" class="pj-desc-fmtbtn" data-cmd="removeFormat" title="서식 지우기">✕서식</button>
<span class="pj-desc-fmtsep"></span>
<label class="pj-desc-fmtbtn" id="pj-desc-imgbtn" title="이미지 추가">🖼️<input type="file" id="pj-desc-img-input" accept="image/*" hidden /></label>
</div> </div>
<div class="pj-desc-wrap"> <div class="pj-desc-wrap">
<div class="pj-desc-editor" id="pj-t-desc" contenteditable="true" data-placeholder="설명을 입력하세요… (이미지는 붙여넣기 또는 위 버튼으로 추가)"></div> <div class="pj-desc-editor" id="pj-t-desc" contenteditable="true" data-placeholder="설명을 입력하세요… (이미지는 붙여넣기 또는 위 버튼으로 추가)"></div>
app/modules/project/templates/project/project.html
+2 -1
View File
@@ -280,7 +280,6 @@
<!-- 설명 — 간단한 워드프로세서식 서식 도구 + 이미지 삽입 --> <!-- 설명 — 간단한 워드프로세서식 서식 도구 + 이미지 삽입 -->
<div class="pj-desc-toolbar"> <div class="pj-desc-toolbar">
<span class="pj-extra-label">설명</span> <span class="pj-extra-label">설명</span>
<label class="pj-upload-btn">이미지 추가<input type="file" id="pj-desc-img-input" accept="image/*" hidden /></label>
<span class="pj-muted-sm" id="pj-desc-hint"></span> <span class="pj-muted-sm" id="pj-desc-hint"></span>
</div> </div>
<div class="pj-desc-fmtbar" id="pj-desc-fmtbar"> <div class="pj-desc-fmtbar" id="pj-desc-fmtbar">
@@ -294,6 +293,8 @@
<span class="pj-desc-fmtsep"></span> <span class="pj-desc-fmtsep"></span>
<button type="button" class="pj-desc-fmtbtn" data-cmd="createLink" title="링크 삽입">🔗</button> <button type="button" class="pj-desc-fmtbtn" data-cmd="createLink" title="링크 삽입">🔗</button>
<button type="button" class="pj-desc-fmtbtn" data-cmd="removeFormat" title="서식 지우기">✕서식</button> <button type="button" class="pj-desc-fmtbtn" data-cmd="removeFormat" title="서식 지우기">✕서식</button>
<span class="pj-desc-fmtsep"></span>
<label class="pj-desc-fmtbtn" id="pj-desc-imgbtn" title="이미지 추가">🖼️<input type="file" id="pj-desc-img-input" accept="image/*" hidden /></label>
</div> </div>
<div class="pj-desc-wrap"> <div class="pj-desc-wrap">
<div class="pj-desc-editor" id="pj-t-desc" contenteditable="true" data-placeholder="설명을 입력하세요… (이미지는 붙여넣기 또는 위 버튼으로 추가)"></div> <div class="pj-desc-editor" id="pj-t-desc" contenteditable="true" data-placeholder="설명을 입력하세요… (이미지는 붙여넣기 또는 위 버튼으로 추가)"></div>