Skip to content

fix(nav): dev 띠가 헤더 오른쪽 위 버튼의 윗부분을 가리던 것을 고친다 - #425

Merged
Mybread2 merged 1 commit into
developfrom
fix/header-tap-area
Oct 12, 2026
Merged

Mybread2 merged 1 commit into
developfrom
fix/header-tap-area

Conversation

@Mybread2

Copy link
Copy Markdown
Contributor

왜

#424 이후 dev 에서 오른쪽 위 「운영」·「내 정보」가 잘 안 눌린다는 제보.

dev 에만 뜨는 「Dev 서버입니다」 띠(DevHeader)가 화면 맨 위 032px 을 투명하게 덮고 터치를 받고 있었다 (z-index: 999999). 버튼은 848px 이라 윗부분 60% 가 막혔다. 운영에는 이 띠가 없어 생기지 않는다.

dev 실측 (버튼 안 다섯 높이에서 elementFromPoint): 14:BLOCKED 22:BLOCKED 28:BLOCKED 34:OK 42:OK

변경

  • DevHeader — pointer-events-none (안내 문구일 뿐)
  • GdgSiteHeader 「운영」 버튼 36 → 40px (내 정보 아이콘과 같게)
  • LandingHeader — 텍스트 링크(게시판·내 정보)에 세로 여백으로 누르는 면적 확보, 「운영」 40px. 헤더 높이 고정이라 모양은 그대로

검증

NEXT_PUBLIC_APP_ENV=dev 로 빌드(띠가 나오게) + 스텁, 390px, CORE

  • 게시판: 운영·내 정보 다섯 높이 모두 OK
  • 메인: 내 정보·지원하기 다섯 높이 모두 OK, 360px 폭 그대로(오른쪽 끝 340)
  • yarn build 통과

🤖 Generated with Claude Code

https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM

「운영」·「내 정보」가 잘 안 눌린다는 제보. dev 에만 뜨는 「Dev 서버입니다」
띠(DevHeader)가 화면 맨 위 32px 을 투명하게 덮고 터치를 받고 있었다.
버튼은 8~48px 이라 윗부분 60% 를 누르면 띠가 가져갔다 — dev 에서 버튼 안
다섯 높이를 찍어 위 셋이 막힘을 확인했다. 운영에는 띠가 없다.

- DevHeader 에 pointer-events-none
- 「운영」 버튼 36 → 40px (내 정보 아이콘과 같게)
- 메인 헤더 텍스트 링크(게시판·내 정보)는 글자 높이만큼만 눌려서
  세로 여백으로 누르는 면적을 40px 대로. 헤더 높이가 고정이라 모양은 같다

dev 조건 빌드(NEXT_PUBLIC_APP_ENV=dev) + 스텁에서 다섯 높이 모두 버튼에
닿고, 메인 헤더 360px 폭은 그대로(오른쪽 끝 340).

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
@Mybread2
Mybread2 merged commit 28bbf81 into develop Oct 12, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant