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

View File

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