boha_admin/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

fix(modals): commit FormModal footerLeft/hideCloseButton enhancements that committed code already depends on

Browse Source 
PlanCellModal (and the modal system) reference FormModal's footerLeft slot and hideCloseButton, but those props lived only in an uncommitted working-tree change — so committed code did not typecheck (TS2322) and a build-from-committed (e.g. the v1.9.0 release) silently dropped the footer-left delete button in the plan entry/override edit modal. Commits the enhancements + their CSS so committed == working.

NOTE: production v1.9.0 is affected (plan edit-modal delete button missing); needs a patch release. Flagged in the overnight audit report.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
BOHA
2026-06-06 01:56:18 +02:00
parent 852c127c00
commit 86e4cbf345
3 changed files with 175 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/admin/components.css
View File

@@ -221,6 +221,8 @@
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
touch-action: none;
}
@@ -247,6 +249,10 @@
padding: 18px;
border-bottom: 1px solid var(--border-color);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.admin-modal-title {
@@ -255,6 +261,38 @@
color: var(--text-primary);
}
.admin-modal-close {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
background: transparent;
border: 1px solid transparent;
color: var(--text-muted);
border-radius: var(--border-radius-sm);
cursor: pointer;
transition:
background var(--motion-fast) ease,
color var(--motion-fast) ease,
border-color var(--motion-fast) ease,
transform var(--motion-fast) ease;
}
.admin-modal-close:hover:not(:disabled) {
background: var(--bg-tertiary);
color: var(--text-primary);
border-color: var(--border-color);
transform: rotate(90deg);
}
.admin-modal-close:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.admin-modal-body {
padding: 18px;
overflow-y: auto;
@@ -269,10 +307,45 @@
border-top: 1px solid var(--border-color);
display: flex;
gap: 0.75rem;
justify-content: flex-end;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
}
.admin-modal-footer-left,
.admin-modal-footer-right {
display: flex;
gap: 0.5rem;
align-items: center;
}
.admin-modal-footer-right {
margin-left: auto;
}
@media (max-width: 480px) {
.admin-modal-footer {
flex-direction: column;
align-items: stretch;
gap: 0.5rem;
}
.admin-modal-footer-left,
.admin-modal-footer-right {
width: 100%;
}
.admin-modal-footer-left .admin-btn,
.admin-modal-footer-right .admin-btn {
flex: 1;
}
.admin-modal-footer-left {
order: 2;
}
.admin-modal-footer-right {
order: 1;
margin-left: 0;
}
}
@media (max-width: 768px) {
.admin-modal-overlay {
padding: 0;