- iOS WebView에서 safe-area-inset-top 값을 고려하도록 스크롤 액션 수정
- safearea.css를 index.html에 추가하여 CSS 변수 활성화
- .date-group-label 위치에 safe-area-inset-top 적용
- 버전 1.0.3으로 업데이트
- Makefile 빌드 스크립트 개선
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit resolves a dual-scrolling problem where users could scroll both
the outer modal container and the inner menu list, causing the menu content
to incorrectly scroll above the iOS safe area.
Changes:
- Added :has(.full-menu-list) selector to disable outer scroll only in menu component
- Applied flex layout specifically to menu containers using targeted CSS
- Enhanced .full-menu-list with proper flex properties for contained scrolling
This fix ensures:
- Only the menu list area scrolls, not the entire modal
- Fixed headers and navigation stay in place
- Menu content respects safe area boundaries
- No impact on other components using full-menu-modal (filters, details, etc.)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
팝업 너비를 최소 240px, 최대 360px로 제한
Changes:
- .popup-container에 min-width: 240px, max-width: 360px 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Menu 컴포넌트와 Settlement Detail 컴포넌트의 safe area 처리를 구분하여 적용
Changes:
- .full-menu-container: 기본 padding-top 50px 유지 (Menu용)
- .full-menu-container.pdw-16: safe area를 포함한 padding-top 적용 (Settlement Detail용)
- .full-menu-header: 기본적으로 safe area 아래 위치 (top: env(safe-area-inset-top))
- .full-menu-container.pdw-16 .full-menu-header::before: 가상 요소로 safe area 영역을 덮어 스크롤 컨텐츠가 보이지 않도록 처리
결과:
- Menu: 기존 동작 유지
- Settlement Detail: 헤더는 메뉴와 같은 위치, 스크롤 컨텐츠는 safe area 위로 보이지 않음
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
iOS webview에서 full-menu-modal의 option-list 컨텐츠가 스크롤 시 safe area 위로 올라가는 문제 수정
Changes:
- .full-menu-modal: padding-top 제거 (스크롤되는 영역이므로)
- .full-menu-header: top을 0으로 변경하고 padding-top과 height에 safe-area-inset-top 포함
- .full-menu-container: padding-top에 safe-area-inset-top 추가
헤더가 safe area 전체를 물리적으로 덮도록 하여 스크롤 컨텐츠가 safe area 위로 보이지 않도록 함
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Remove overflow-y scroll from .full-menu-modal to prevent entire modal from scrolling
- Add overflow-y: hidden to header, top-nav, keywords sections to block vertical scroll
- Ensure only .full-menu-list area is scrollable
- Fix issue where menu content was scrolling through header area
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
