Askhat/askhat
Archived
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: modal not closing — .modal display:flex overrode [hidden]

Browse Source 
Add .modal[hidden]{display:none} to restore close behavior.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
askhat 2026-05-19 12:31:52 +05:00
parent f5f9fb814f
commit aa77771a3c
2 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/style.css
View File

@ -43,6 +43,7 @@ td.status-cell textarea:focus{background:#fff;outline:2px solid var(--primary)}
.days-badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#eee;font-weight:600;font-size:13px}
.days-badge.urgent{background:var(--danger);color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}
.modal[hidden]{display:none}
.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:95%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow)}
.modal-close{position:absolute;top:8px;right:8px;border:none;background:transparent;font-size:20px;cursor:pointer}
.modal form label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;color:var(--muted)}

1
index.html
View File

@ -37,6 +37,7 @@ td.status-cell textarea:focus{background:#fff;outline:2px solid var(--primary)}
.days-badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#eee;font-weight:600;font-size:13px}
.days-badge.urgent{background:var(--danger);color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}
.modal[hidden]{display:none}
.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:95%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow)}
.modal-close{position:absolute;top:8px;right:8px;border:none;background:transparent;font-size:20px;cursor:pointer}
.modal form label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;color:var(--muted)}