king/dbx-orderlist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

업로드 날짜 모달 CSS 클래스 버그 수정

Browse Source 
modal-overlay 클래스에 CSS 정의가 없어 모달이 항상 표시되는
버그를 수정: 기존 .modal/.modal.show 패턴으로 교체하고,
배경 클릭 시 모달이 닫히는 동작도 추가.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
king
2026-05-26 23:30:41 +09:00
parent ae2a624f41
commit ba07804d54
3 changed files with 43 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+30 -33
View File
@@ -407,42 +407,39 @@
</div>
<!-- Upload Date Picker Modal -->
<div id="upload-date-modal" class="modal-overlay">
<div class="modal-content glass-panel" style="max-width: 400px;">
<div class="modal-header">
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2>
<button type="button" class="modal-close" id="upload-date-close">&times;</button>
</div>
<div class="modal-body">
<p class="modal-instruction-text">발주 데이터의 주문 날짜로 입력될 날짜를 선택해주세요.</p>
<!-- Custom Calendar Picker Container -->
<div class="custom-calendar-picker">
<div class="calendar-nav">
<button type="button" id="cal-prev-month" class="icon-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span id="cal-month-year-display" class="calendar-title">2026년 05월</span>
<button type="button" id="cal-next-month" class="icon-btn"><i class="fa-solid fa-chevron-right"></i></button>
</div>
<div class="calendar-weekdays">
<div class="weekday holiday">일</div>
<div class="weekday">월</div>
<div class="weekday">화</div>
<div class="weekday">수</div>
<div class="weekday">목</div>
<div class="weekday">금</div>
<div class="weekday sat">토</div>
</div>
<div id="calendar-days-grid" class="calendar-days">
<!-- Days will be rendered via JS -->
</div>
<div id="upload-date-modal" class="modal">
<div class="modal-content glass-panel upload-date-modal-content">
<span class="close-btn" id="upload-date-close">&times;</span>
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2>
<p class="modal-instruction-text">발주 데이터의 주문 날짜로 입력될 날짜를 선택해주세요.</p>
<!-- Custom Calendar Picker Container -->
<div class="custom-calendar-picker">
<div class="calendar-nav">
<button type="button" id="cal-prev-month" class="icon-btn"><i class="fa-solid fa-chevron-left"></i></button>
<span id="cal-month-year-display" class="calendar-title">2026년 05월</span>
<button type="button" id="cal-next-month" class="icon-btn"><i class="fa-solid fa-chevron-right"></i></button>
</div>
<div class="selected-date-preview">
<span>선택된 날짜:</span>
<strong id="selected-date-text">선택 안 됨</strong>
<div class="calendar-weekdays">
<div class="weekday holiday">일</div>
<div class="weekday">월</div>
<div class="weekday">화</div>
<div class="weekday">수</div>
<div class="weekday">목</div>
<div class="weekday">금</div>
<div class="weekday sat">토</div>
</div>
<div id="calendar-days-grid" class="calendar-days">
<!-- Days will be rendered via JS -->
</div>
</div>
<div class="modal-footer button-row">
<div class="selected-date-preview">
<span>선택된 날짜:</span>
<strong id="selected-date-text">선택 안 됨</strong>
</div>
<div class="modal-actions">
<button id="btn-cancel-upload-date" class="btn btn-secondary">취소</button>
<button id="btn-submit-upload-date" class="btn btn-primary" disabled>
<i class="fa-solid fa-cloud-arrow-up"></i> 업로드 실행