Corrected the sticky footer issue.

This commit is contained in:
Alex Tselegidis 2016-03-22 22:36:48 +01:00
parent 2c3deeeb89
commit 5161a8b4bb
2 changed files with 17 additions and 12 deletions

View file

@ -101,6 +101,7 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="wrapper">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
@ -294,17 +295,19 @@
</fieldset>
</form>
</div>
<div class="modal-footer footer">
<button id="save-appointment" class="btn btn-primary">
<?php echo $this->lang->line('save'); ?>
</button>
<button id="cancel-appointment" class="btn btn-default" data-dismiss="modal">
<?php echo $this->lang->line('cancel'); ?>
</button>
</div>
<div class="modal-push"></div>
</div>
<div class="modal-footer footer">
<button id="save-appointment" class="btn btn-primary">
<?php echo $this->lang->line('save'); ?>
</button>
<button id="cancel-appointment" class="btn btn-default" data-dismiss="modal">
<?php echo $this->lang->line('cancel'); ?>
</button>
</div>
</div>
</div>
</div>

View file

@ -168,17 +168,19 @@ body .modal.full-screen .modal-content {
body .modal.full-screen .wrapper {
min-height: 100%;
/*margin-bottom: -67px;*/ /* modal-footer height */
margin-bottom: -67px; /* modal-footer height */
}
body .modal.full-screen .modal-footer {
background-color: #f5f5f5;
/*position: absolute;*/
bottom: 0;
width: 100%;
height: 67px;
}
body .modal.full-screen .modal-push {
height: 67px;
}
body .jspDrag {
background: #D3D3D3;
}