From 71a13488d9410216371dd2fd0ae79a7b15170c7b Mon Sep 17 00:00:00 2001 From: zenn Date: Mon, 6 Apr 2026 13:32:56 +0900 Subject: [PATCH] ui: let editor title focus workspace --- docs/history.md | 3 +++ docs/update.md | 4 ++++ frontend/src/views/TierEditorView.vue | 32 ++++++++++++++++++++++++++- 3 files changed, 38 insertions(+), 1 deletion(-) diff --git a/docs/history.md b/docs/history.md index bb74322..ce65a40 100644 --- a/docs/history.md +++ b/docs/history.md @@ -1,5 +1,8 @@ # 의사결정 이력 +## 2026-04-06 v1.4.95 +- 티어표 편집 중에는 공통 헤더보다 보드와 아이템 풀이 더 중요한 작업 기준점이므로, 템플릿 제목을 본문 위치로 빠르게 이동하는 가벼운 컨트롤로 활용하는 편이 좋다고 정리했다. 별도 버튼을 추가하기보다 기존 제목 클릭 동작으로 두어 화면 복잡도를 늘리지 않는 쪽을 택했다. + ## 2026-04-06 v1.4.94 - 아이템 수가 많을 때 오른쪽 풀 때문에 페이지 전체가 길어지면 왼쪽 티어표까지 함께 움직여 방송/녹화 환경에서 기준 화면이 흔들릴 수 있다. 그래서 데스크톱에서는 오른쪽 사이드의 실제 화면 시작 위치를 감안해 높이를 제한하되, 제목과 검색창은 유지하고 아이템 그리드만 스크롤되게 하는 편이 더 적절하다고 정리했다. 모바일에서는 기존처럼 문서 흐름을 유지한다. diff --git a/docs/update.md b/docs/update.md index 5bfa975..024879c 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,9 @@ # 업데이트 로그 +## 2026-04-06 v1.4.95 +- 티어표 편집 화면의 템플릿 제목을 클릭하면 `workspaceBody`가 화면 최상단에 오도록 부드럽게 스크롤되게 했다. 작업 중 공통 헤더를 화면 밖으로 밀어내고 본문 중심으로 볼 수 있다. +- 확인: `npm run build` + ## 2026-04-06 v1.4.94 - 티어표 편집 화면에서 아이템이 많을 때 오른쪽 아이템 사이드가 문서 높이를 밀어 왼쪽 티어표까지 함께 움직이던 흐름을 줄였다. 데스크톱에서는 오른쪽 사이드의 실제 화면 시작 위치를 감안해 높이를 제한하고, 아이템 그리드만 내부 스크롤되게 해 검색창은 위에 유지하면서 필요한 아이템을 찾아 가져올 수 있게 했다. - 확인: `npm run build` diff --git a/frontend/src/views/TierEditorView.vue b/frontend/src/views/TierEditorView.vue index 66953bd..e82958a 100644 --- a/frontend/src/views/TierEditorView.vue +++ b/frontend/src/views/TierEditorView.vue @@ -359,6 +359,11 @@ function closeItemContextMenu() { } } +function scrollWorkspaceBodyToTop() { + const workspaceBody = document.querySelector('.workspaceBody') + workspaceBody?.scrollIntoView({ behavior: 'smooth', block: 'start' }) +} + function openItemContextMenu(itemId, event) { if (!canEdit.value || !itemId || !itemsById.value[itemId] || shouldIgnoreItemClick()) return selectedItemId.value = itemId @@ -1582,7 +1587,14 @@ onUnmounted(() => {
-
{{ templateName || templateId }}
+