Mermutef/LMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modals: action buttons bottom-right, no empty space under content

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-09-28 17:39:10 +03:00
parent 15fe94c32d
commit 3870bcab8f
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/main/resources/static/css/app.css
View File

@@ -239,7 +239,20 @@ dialog.modal::backdrop { background: rgba(0,0,0,0.55); }
.modal-title { margin: 0; font-size: 1.0625rem; font-weight: 600; }
.modal-close { border: none; background: none; cursor: pointer; font-size: 1.25rem; color: var(--c-text-muted); padding: 0 0.25rem; }
.modal-close:hover { color: var(--c-text); }
.modal-body { padding: 1.5rem; max-height: 70vh; overflow-y: auto; }
.modal-body { padding: 1.5rem; max-height: 70vh; overflow-y: auto; display: flex; flex-direction: column; }
/* Кнопки действий — внизу справа; при увеличенной модалке пустота снизу не остаётся */
.modal-body > form.form-stack:last-child { flex: 1 1 auto; }
.modal-body > form.form-stack:last-child > button:last-child,
.modal-body > form.form-stack:last-child > .flex:last-child,
.modal-body.form-stack > button:last-child,
.modal-body.form-stack > .flex:last-child,
.modal-body > button:last-child,
.modal-body > .flex:last-child {
margin-top: auto;
align-self: flex-end;
}
.modal-body > #defense-actions { margin-top: auto; }
.modal-body > #defense-actions .flex { justify-content: flex-end; }
/* Двухуровневые формы уровней лабы */
.level-row { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.5rem; }