UI Dialogs improves

This commit is contained in:
Diego Najar 2018-11-28 22:01:55 +01:00
parent 075fb44006
commit 8afd49b8c9
5 changed files with 22 additions and 9 deletions

View File

@ -81,6 +81,18 @@ code {
cursor: pointer; cursor: pointer;
} }
.modal-body {
padding: 2rem;
}
.modal-footer {
background-color: rgb(247, 247, 247);
}
.modal-dialog .btn-link {
color: #000;
}
/* /*
LOGIN LOGIN
*/ */
@ -166,11 +178,13 @@ body.login {
.alert-success { .alert-success {
background-color: #4586d4; background-color: #4586d4;
border-left: 6px solid #abd1ff;
color: #ffffff; color: #ffffff;
} }
.alert-danger { .alert-danger {
background-color: #d44545; background-color: #d44545;
border-left: 6px solid #ff9c9c;
color: #ffffff; color: #ffffff;
} }
@ -325,3 +339,4 @@ img.profilePicture {
border-radius: 30px; border-radius: 30px;
border: 1px solid #ccc; border: 1px solid #ccc;
} }

View File

@ -24,8 +24,8 @@ return <<<EOF
<p>$modalText</p> <p>$modalText</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn $buttonPrimaryClass">$buttonPrimary</button>
<button type="button" class="btn $buttonSecondaryClass" data-dismiss="modal">$buttonSecondary</button> <button type="button" class="btn $buttonSecondaryClass" data-dismiss="modal">$buttonSecondary</button>
<button type="button" class="btn $buttonPrimaryClass">$buttonPrimary</button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -241,7 +241,7 @@ function table($type) {
'buttonPrimary'=>$L->g('Delete'), 'buttonPrimary'=>$L->g('Delete'),
'buttonPrimaryClass'=>'btn-danger deletePageModalAcceptButton', 'buttonPrimaryClass'=>'btn-danger deletePageModalAcceptButton',
'buttonSecondary'=>$L->g('Cancel'), 'buttonSecondary'=>$L->g('Cancel'),
'buttonSecondaryClass'=>'btn-secondary', 'buttonSecondaryClass'=>'btn-link',
'modalTitle'=>$L->g('Delete content'), 'modalTitle'=>$L->g('Delete content'),
'modalText'=>$L->g('Are you sure you want to delete this page'), 'modalText'=>$L->g('Are you sure you want to delete this page'),
'modalId'=>'jsdeletePageModal' 'modalId'=>'jsdeletePageModal'

View File

@ -75,7 +75,7 @@ echo Bootstrap::formClose();
'buttonPrimary'=>$L->g('Delete'), 'buttonPrimary'=>$L->g('Delete'),
'buttonPrimaryClass'=>'btn-danger jsbuttonDeleteAccept', 'buttonPrimaryClass'=>'btn-danger jsbuttonDeleteAccept',
'buttonSecondary'=>$L->g('Cancel'), 'buttonSecondary'=>$L->g('Cancel'),
'buttonSecondaryClass'=>'btn-secondary', 'buttonSecondaryClass'=>'btn-link',
'modalTitle'=>$L->g('Delete category'), 'modalTitle'=>$L->g('Delete category'),
'modalText'=>$L->g('Are you sure you want to delete this category?'), 'modalText'=>$L->g('Are you sure you want to delete this category?'),
'modalId'=>'jsdeleteModal' 'modalId'=>'jsdeleteModal'

View File

@ -350,15 +350,13 @@ echo Bootstrap::formOpen(array(
<div id="jsdeletePageModal" class="modal" tabindex="-1" role="dialog"> <div id="jsdeletePageModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><?php $L->p('Delete content') ?></h5>
</div>
<div class="modal-body"> <div class="modal-body">
<?php $L->p('Are you sure you want to delete this page') ?> <h3><?php $L->p('Delete content') ?></h3>
<p><?php $L->p('Are you sure you want to delete this page') ?></p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal"><?php $L->p('Cancel') ?></button>
<button type="button" class="btn btn-danger" data-dismiss="modal" id="jsbuttonDeleteAccept"><?php $L->p('Delete') ?></button> <button type="button" class="btn btn-danger" data-dismiss="modal" id="jsbuttonDeleteAccept"><?php $L->p('Delete') ?></button>
<button type="button" class="btn btn-secondary" data-dismiss="modal"><?php $L->p('Cancel') ?></button>
</div> </div>
</div> </div>
</div> </div>