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/css/style.css
+10 -4
View File
@@ -1839,12 +1839,18 @@ input[type="checkbox"] {
Upload Date Picker Custom Calendar Styles
========================================================================== */
#upload-date-modal .modal-content {
background: rgba(255, 255, 255, 0.95);
.upload-date-modal-content {
max-width: 400px;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.4) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.upload-date-modal-content h2 {
font-size: 1.2rem;
margin-bottom: 0.75rem;
}
.modal-instruction-text {
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> 업로드 실행
static/js/app.js
+3
View File
@@ -1068,6 +1068,9 @@ document.addEventListener('DOMContentLoaded', () => {
if (e.target === returnRequestModal) {
closeReturnRequestModal();
}
if (e.target === uploadDateModal) {
closeUploadDateModal();
}
});
if (btnOptimizeDb) {