Modal form CSS fixes

This commit is contained in:
Oliver Walters 2021-02-12 20:13:17 +11:00
parent b43d6a2ad4
commit 19143ed082
2 changed files with 11 additions and 8 deletions

View File

@ -574,7 +574,7 @@
margin-bottom: 3px; margin-bottom: 3px;
} }
.modal-form-content { .modal-form-content-wrapper {
border-radius: 0; border-radius: 0;
position:relative; position:relative;
height: auto !important; height: auto !important;

View File

@ -9,10 +9,13 @@
</button> </button>
<h3 id='modal-title'><i>Form Title Here</i></h3> <h3 id='modal-title'><i>Form Title Here</i></h3>
</div> </div>
<div class='modal-form-content-wrapper'>
<div class='alert alert-block alert-danger' id='form-validation-warning' style='display: none;'> <div class='alert alert-block alert-danger' id='form-validation-warning' style='display: none;'>
{% trans "Form errors exist" %} {% trans "Form errors exist" %}
</div> </div>
<div class='modal-form-content'> <div class='modal-form-content'>
<!-- Form content will be injected here-->
</div>
</div> </div>
<div class='modal-footer'> <div class='modal-footer'>
<button type='button' class='btn btn-default' id='modal-form-close' data-dismiss='modal'>{% trans "Close" %}</button> <button type='button' class='btn btn-default' id='modal-form-close' data-dismiss='modal'>{% trans "Close" %}</button>
@ -57,8 +60,8 @@
<div class='modal-form-content'> <div class='modal-form-content'>
</div> </div>
<div class='modal-footer'> <div class='modal-footer'>
<button type='button' class='btn btn-default' id='modal-form-cancel' data-dismiss='modal'>Cancel</button> <button type='button' class='btn btn-default' id='modal-form-cancel' data-dismiss='modal'>{% trans "Cancel" %}</button>
<button type='button' class='btn btn-primary' id='modal-form-accept'>Accept</button> <button type='button' class='btn btn-primary' id='modal-form-accept'>{% trans "Accept" %}</button>
</div> </div>
</div> </div>
</div> </div>
@ -76,7 +79,7 @@
<div class='modal-form-content'> <div class='modal-form-content'>
</div> </div>
<div class='modal-footer'> <div class='modal-footer'>
<button type='button' class='btn btn-default' data-dismiss='modal'>Close</button> <button type='button' class='btn btn-default' data-dismiss='modal'>{% trans "Close" %}</button>
</div> </div>
</div> </div>
</div> </div>