Make submit row sticky on really long forms

This commit is contained in:
Raphael Michel
2025-10-06 12:50:41 +02:00
parent 571724b1f7
commit 43c2f15994
4 changed files with 9 additions and 3 deletions
@@ -625,7 +625,7 @@
{% endif %}
{% endfor %}
</fieldset>
<div class="form-group submit-group">
<div class="form-group submit-group submit-group-sticky">
<button type="submit" class="btn btn-primary btn-save">
{% trans "Save" %}
</button>
@@ -363,7 +363,7 @@
</div>
{% endif %}
</fieldset>
<div class="form-group submit-group">
<div class="form-group submit-group submit-group-sticky">
<button type="submit" class="btn btn-primary btn-save">
{% trans "Save" %}
</button>
@@ -282,7 +282,7 @@
</div>
{% endif %}
</div>
<div class="form-group submit-group">
<div class="form-group submit-group submit-group-sticky">
<button type="submit" class="btn btn-primary btn-save">
{% trans "Save" %}
</button>
@@ -95,6 +95,12 @@ div[data-formset-body], div[data-formset-form], div[data-nested-formset-form], d
}
}
.submit-group-sticky {
position: sticky;
bottom: 0;
z-index: 100;
}
.panel .form-group:last-child {
margin-bottom: 0;
}