Fix iOS safe area scroll issue in settlement detail modal
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>
This commit is contained in:
@@ -65,6 +65,7 @@ main.home-main{
|
||||
bottom: calc(70px + env(safe-area-inset-bottom)) !important;
|
||||
}
|
||||
.full-menu-modal{
|
||||
/* padding-top: env(safe-area-inset-top); - 스크롤되는 영역이므로 제거 */
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
.swiper-wrapper{
|
||||
@@ -92,14 +93,16 @@ main.home-main{
|
||||
width: 85px;
|
||||
}
|
||||
.full-menu-container{
|
||||
padding-top: 50px;
|
||||
padding-top: calc(50px + env(safe-area-inset-top));
|
||||
}
|
||||
.full-menu-header{
|
||||
position: fixed;
|
||||
z-index: 20;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
top: env(safe-area-inset-top);
|
||||
top: 0;
|
||||
padding-top: env(safe-area-inset-top);
|
||||
height: calc(50px + env(safe-area-inset-top));
|
||||
}
|
||||
.full-menu-top-nav{
|
||||
position: fixed;
|
||||
@@ -471,4 +474,5 @@ main.pop{
|
||||
}
|
||||
.bottomsheet{
|
||||
z-index: 1030;
|
||||
}
|
||||
}
|
||||
/* .pdw-16 .option-list 스타일은 기본 style.css의 padding-top: 16px 사용 */
|
||||
Reference in New Issue
Block a user