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 Picker Custom Calendar Styles
========================================================================== */ ========================================================================== */
#upload-date-modal .modal-content { .upload-date-modal-content {
background: rgba(255, 255, 255, 0.95); max-width: 400px;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.4) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 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 { .modal-instruction-text {
static/index.html
+5 -8
View File
@@ -407,13 +407,10 @@
</div> </div>
<!-- Upload Date Picker Modal --> <!-- Upload Date Picker Modal -->
<div id="upload-date-modal" class="modal-overlay"> <div id="upload-date-modal" class="modal">
<div class="modal-content glass-panel" style="max-width: 400px;"> <div class="modal-content glass-panel upload-date-modal-content">
<div class="modal-header"> <span class="close-btn" id="upload-date-close">&times;</span>
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2> <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> <p class="modal-instruction-text">발주 데이터의 주문 날짜로 입력될 날짜를 선택해주세요.</p>
<!-- Custom Calendar Picker Container --> <!-- Custom Calendar Picker Container -->
@@ -441,8 +438,8 @@
<span>선택된 날짜:</span> <span>선택된 날짜:</span>
<strong id="selected-date-text">선택 안 됨</strong> <strong id="selected-date-text">선택 안 됨</strong>
</div> </div>
</div>
<div class="modal-footer button-row"> <div class="modal-actions">
<button id="btn-cancel-upload-date" class="btn btn-secondary">취소</button> <button id="btn-cancel-upload-date" class="btn btn-secondary">취소</button>
<button id="btn-submit-upload-date" class="btn btn-primary" disabled> <button id="btn-submit-upload-date" class="btn btn-primary" disabled>
<i class="fa-solid fa-cloud-arrow-up"></i> 업로드 실행 <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) { if (e.target === returnRequestModal) {
closeReturnRequestModal(); closeReturnRequestModal();
} }
if (e.target === uploadDateModal) {
closeUploadDateModal();
}
}); });
if (btnOptimizeDb) { if (btnOptimizeDb) {