Modals: action buttons bottom-right, no empty space under content
This commit is contained in:
@@ -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-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 { 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-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; }
|
.level-row { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.5rem; }
|
||||||
|
|||||||
Reference in New Issue
Block a user