fix: 저장 위치 토글을 이모지 대신 글자로

사용자 지적: "구름이 아니고 파일 버튼인데?"

같은 줄에 이미 💾(파일 저장)와 📁(새 폴더)가 있는데 로컬 모드를 💾로 표시해서,
바로 옆 저장 버튼과 똑같아 보였다. ☁️/💾 한 쌍만 보고 골랐지 그 줄에 뭐가 이미
있는지 안 봤다.

🖴 같은 다른 이모지로 바꾸는 대신 "로컬"/"서버" 글자로 현재 위치를 그대로 적는다.
아이콘 추측이 필요 없고 글꼴에 따라 안 보일 걱정도 없다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
kim
2026-08-15 16:50:21 +09:00
co-authored by Claude Opus 5
parent 8f5b042886
commit 3ffd5987ee
2 changed files with 5 additions and 2 deletions
+1 -1
View File
@@ -255,7 +255,7 @@
<span id="csb-folder-label" style="font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em">폴더 없음</span>
<div style="display:flex;gap:4px">
<button id="code-local-btn" onclick="openLocalFolder()" title="로컬 폴더 열기" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 3px">🖥️</button>
<button id="code-storage-btn" onclick="codeToggleStorageMode()" title="저장 위치: 로컬 폴더 ↔ 서버 워크스페이스" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 3px">☁️</button>
<button id="code-storage-btn" onclick="codeToggleStorageMode()" title="저장 위치: 로컬 폴더 ↔ 서버 워크스페이스" style="background:var(--panel-2);border:1px solid var(--line);border-radius:4px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:700;line-height:1;padding:3px 6px">로컬</button>
<button onclick="codeSaveFile()" title="파일 저장 (Ctrl+S)" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 3px">💾</button>
<button onclick="codeNewFile()" title="새 파일" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;padding:0 3px">+</button>
<button onclick="csbNewFolderRoot()" title="새 폴더" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 3px">📁</button>
+4 -1
View File
@@ -413,7 +413,10 @@ function codeUpdateStorageBtn() {
const b = document.getElementById('code-storage-btn');
if (!b) return;
const server = codeIsServerMode();
b.textContent = server ? '☁️' : '💾';
// 같은 줄에 이미 💾(저장)와 📁(새 폴더)가 있어서 이모지를 쓰면 뭐가 뭔지 헷갈린다
// (처음에 로컬을 💾로 뒀다가 바로 옆 저장 버튼과 구분이 안 된다는 지적을 받았다).
// 글자로 현재 위치를 그대로 적는 게 아이콘 추측보다 낫고, 글꼴 문제도 없다.
b.textContent = server ? '서버' : '로컬';
b.style.color = server ? '#22c55e' : '';
b.title = server
? '저장 위치: 서버 워크스페이스 (클릭하면 로컬 폴더로)'