너의 공격력 마력자체 업데이트

[공통 UI] 모달 스크롤바 안쪽 배치

흰색 모달의 스크롤바를 둥근 우측 모서리 안쪽으로 옮기고, 모달이 열려 있는 동안 배경 페이지가 스크롤되지 않도록 개선했습니다.

게시일: 2026년 8월 5일

적용 완료

적용 서비스 바로가기

클릭하면 이 업데이트가 적용된 관련 페이지로 직접 이동합니다.

상태 변경 기록

변경 시점을 클릭하면 그때 게시된 내용을 볼 수 있습니다. 스냅샷 기능 도입(2026년 8월 25일) 이전 기록은 내용 복원이 불가합니다.

총 2건

내용이 긴 모달에서도 우측 상·하단 모서리와 테두리가 깔끔하게 유지되고 배경 페이지가 움직이지 않도록 스크롤 구조를 통일했습니다.

외곽 모서리 보호: 둥근 모달 외곽은 테두리·배경·그림자만 담당하고 overflow-hidden으로 모서리를 보호
안쪽 스크롤 영역: 실제 세로 스크롤은 외곽선에서 4px 들어간 콘텐츠 영역에 배치
배경 스크롤 잠금: React 상태 모달과 URL target 모달이 열리면 body 스크롤을 차단해 뒤쪽 페이지가 움직이지 않도록 처리
스크롤 전달 차단: 모달 내부 스크롤의 시작·끝에서도 휠과 터치 스크롤이 배경으로 이어지지 않도록 overscroll을 제한
스크롤 여백 확보: scrollbar-gutter: stable을 적용해 스크롤바가 나타나도 본문 폭과 버튼 위치가 흔들리지 않도록 처리
적용 범위: 능력치 기여도, 스탯 구성 상세, 표정·포즈 설정, 코디 모션, 길드 운영진 편집 모달에 동일한 구조 적용
기존 동작 유지: 배경 클릭 닫기, 모바일 하단 모달, 키보드·버튼 동작과 최대 높이 제한은 그대로 유지

현재 개발 서버에서 작업 중이며 정식 배포 후 적용 완료로 전환됩니다.