/* ═══════════════════════════════════════════════════════════════════════ 작업중(비공개) 표시 — 편집자에게만 보인다 (018) 저장하면 곧바로 전체 공개되던 것을 임시저장과 나눴다. 편집자는 공개 화면에서도 작업중인 자료를 보게 되는데, 표시가 없으면 이미 공개된 줄 알기 쉽다. 그래서 어느 화면에서든 같은 모양으로 알려 준다. ═══════════════════════════════════════════════════════════════════════ */ .draft-chip { display: inline-block; padding: 0 .35rem; border-radius: .2rem; background: #f7b84b; color: #493400; font-size: .68rem; font-weight: 700; line-height: 1.5; white-space: nowrap; vertical-align: middle; } /* 카드 위에 얹는 형태 (영웅 카드처럼 자리가 없는 곳) */ .draft-corner { position: absolute; top: 2px; left: 2px; z-index: 4; padding: 0 .2rem; border-radius: .2rem; background: #f7b84b; color: #493400; font-size: .58rem; font-style: normal; font-weight: 700; line-height: 1.45; pointer-events: none; } /* 작업중인 줄·카드는 바탕을 살짝 달리해 훑어도 눈에 걸리게 한다 */ .is-draft { background: #fffaf0; outline: 1px solid #f7b84b; } /* ── 파일 올리기 권한 ──────────────────────────────────────────────────── 올리기는 리소스 관리(5) 부터. 권한이 없으면 '그림 올리기' 단추를 내린다. 경로를 직접 적는 것은 그대로 되므로 입력칸은 남긴다. 등록 화면(admin-crud.js)과 영웅 편집(hero-edit.js)이 /api/admin/me 를 보고 에 no-upload 를 붙인다. 두 화면이 함께 읽는 곳이라 여기에 둔다. */ html.no-upload .img-field-upload { display: none; } /* ── 상단바의 계정명 ───────────────────────────────────────────────────── 눌러서 '내 계정' 으로 간다. 좁은 화면에서도 닿을 수 있어야 하므로 숨기지 않고 줄여서 보인다 — 폰에서만 계정 설정에 못 가면 곤란하다. */ .ac-name { display: inline-block; max-width: 9rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } @media (max-width: 575.98px) { .ac-name { max-width: 5.5rem; } }