From 88ce413c31c24b8e6fe23fe19b98a83771a2b922 Mon Sep 17 00:00:00 2001 From: zenn Date: Thu, 2 Apr 2026 16:42:17 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A6=B4=EB=A6=AC=EC=8A=A4:=20v1.3.83=20?= =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=97=B4=20=EB=B0=B0=EC=A7=80=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/history.md | 3 +++ docs/todo.md | 1 + docs/update.md | 4 ++++ frontend/src/views/TierEditorView.vue | 32 ++++++++++++++++++++++++++- 4 files changed, 39 insertions(+), 1 deletion(-) diff --git a/docs/history.md b/docs/history.md index f899691..a589feb 100644 --- a/docs/history.md +++ b/docs/history.md @@ -1,5 +1,8 @@ # 의사결정 이력 +## 2026-04-02 v1.3.83 +- 모바일에서 열 헤더가 칸과 시각적으로 분리되는 문제는 전체 레이아웃을 다시 갈아엎기보다, 각 칸 안에 열 이름 배지를 같이 보여주는 편이 가장 적은 변경으로 효과를 낸다고 정리했다. + ## 2026-04-02 v1.3.82 - 프리뷰 완성본도 결국 공유/열람용 결과물이므로, 이미지 다운로드 결과와 같은 작성자/저장 시각 메타를 같이 보여주는 편이 자연스럽다고 정리했다. - 관리자 템플릿 요청 카드는 “요청 티어표 보기”가 실제로 새창 이동용이라면 하단 버튼과 썸네일 클릭을 둘 다 유지하기보다, 썸네일 클릭 하나로 통합하는 편이 더 단순하고 직관적이라고 판단했다. diff --git a/docs/todo.md b/docs/todo.md index dc0018f..c62e240 100644 --- a/docs/todo.md +++ b/docs/todo.md @@ -1,6 +1,7 @@ # 할 일 및 이슈 ## 단기 확인 +- 티어표 편집/프리뷰 모바일 열 배지는 새로 붙였으므로, 실제 좁은 화면에서 칸 상단 배지와 아이템 썸네일이 겹치지 않고 열 구분이 자연스러운지 한 번 더 QA한다. - 프리뷰 완성본 하단 메타는 새로 붙였으므로, 작성자/저장 시각이 공개 열람 화면과 이미지 다운로드 결과 기준에서 모두 자연스럽게 읽히는지 한 번 더 QA한다. - 관리자 템플릿 요청 카드는 썸네일 클릭이 새창 열기 역할로 바뀌었으므로, 썸네일 클릭과 `확인하기` 액션이 서로 헷갈리지 않는지 한 번 더 QA한다. - 티어표 만들기 화면의 `공유하기`는 저장된 티어표에서만 노출되므로, 저장 직후/수정 중/복사본/읽기 전용 상태 각각에서 노출 조건과 클립보드 복사가 자연스러운지 한 번 더 QA한다. diff --git a/docs/update.md b/docs/update.md index 13b6f1f..7432768 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,9 @@ # 업데이트 로그 +## 2026-04-02 v1.3.83 +- 티어표 편집/프리뷰 화면에서 열을 여러 개 쓰는 경우, 모바일처럼 좁은 화면에서는 기존 상단 열 헤더만으로 각 칸의 의미를 읽기 어려웠으므로 각 칸 상단에 작은 열 이름 배지를 추가함. +- 이 배지는 모바일 구간에서만 보이고 데스크톱 레이아웃은 그대로 유지되므로, 작은 화면에서는 `메인 / 밸런스 / 서포트` 같은 열 맥락을 스크롤 중에도 잃지 않게 정리함. + ## 2026-04-02 v1.3.82 - 프리뷰 전용 완성본 화면에도 이미지 다운로드 결과와 같은 하단 메타를 붙여, 작성자 이름과 마지막 저장 시각을 바로 확인할 수 있게 정리함. - 관리자 `티어표 관리 > 템플릿 요청 관리`에서는 더 이상 썸네일 클릭으로 요청 미리보기 모달을 열지 않고, 썸네일 자체가 `요청 티어표 보기` 새창 링크 역할을 하도록 바꿨으며, 하단의 중복 `요청 티어표 보기` 버튼은 제거함. diff --git a/frontend/src/views/TierEditorView.vue b/frontend/src/views/TierEditorView.vue index 51323ca..b56d734 100644 --- a/frontend/src/views/TierEditorView.vue +++ b/frontend/src/views/TierEditorView.vue @@ -974,6 +974,7 @@ onUnmounted(() => {
+
{{ column.name || '열 ' + (columnIndex + 1) }}
{{ itemsById[id]?.label || id }}
@@ -1202,13 +1203,14 @@ onUnmounted(() => {
-
+
{{ column.name || '열 ' + (columnIndex + 1) }}
여기로 드래그해서 배치
@@ -1517,6 +1519,10 @@ onUnmounted(() => { gap: 8px; align-content: flex-start; } +.previewOnly__columnBadge, +.row__columnBadge { + display: none; +} .previewOnly__cell { display: inline-flex; position: relative; @@ -2548,6 +2554,30 @@ onUnmounted(() => { .boardColumnsHeader__grid { grid-template-columns: 1fr; } + .previewOnly__drop, + .row__drop { + padding-top: 40px; + } + .previewOnly__columnBadge, + .row__columnBadge { + position: absolute; + top: 10px; + left: 10px; + display: inline-flex; + align-items: center; + max-width: calc(100% - 20px); + padding: 5px 10px; + border-radius: 999px; + border: 1px solid rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.08); + color: var(--theme-text-soft); + font-size: 11px; + font-weight: 800; + line-height: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } .pool { grid-template-columns: repeat(4, minmax(0, 1fr)); }