b23042andClaude Fable 5
d38b842e8d
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제. (node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
# '측점 없음' 안내가 안 뜨던 문제 수정 (CSS 레이아웃)
|
|
|
|
**소요 시간**: 약 10분
|
|
**Context 사용량**: input ~300k / output ~2k tokens
|
|
|
|
## 문제
|
|
없는 측점 검색 시 "측점 없음" 안내가 화면에 안 떴다(로직은 정상).
|
|
|
|
## 원인
|
|
재생/입력 패널 `.transportGroup` 은 고정 크기 + 자식 요소가 모두 `position: absolute`.
|
|
안내 `<span>` 이 일반 흐름이라 패널 좌상단에 깔려 버튼/패널 뒤에 가려짐.
|
|
|
|
## 수정
|
|
- [PlaybackControls.module.scss](../../client/src/stationbar/components/PlaybackControls/PlaybackControls.module.scss)
|
|
에 `.notFound` 클래스 추가: 입력창과 같은 위치·크기로 **절대배치**, `z-index:6`, 어두운 배경 + 빨간 글씨.
|
|
- [PlaybackControls.tsx](../../client/src/stationbar/components/PlaybackControls/PlaybackControls.tsx)
|
|
안내 span 을 인라인 스타일 → `className={styles.notFound}` (문구 `⚠ 측점 없음`).
|
|
- 1.8초 후 자동 숨김 / 재입력 시 숨김(기존 로직 유지).
|
|
|
|
## 부수 정리
|
|
- 진단용 HUD 표시 `· 검색v5` 제거(빌드 확인용이었음).
|
|
|
|
## 검증
|
|
- `tsc --noEmit` 통과, `npm run build` 성공 → :55000 서빙.
|
|
- 168000(범위 밖) 검색 시 '⚠ 측점 없음' 정상 표시 확인(사용자).
|