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;
}
.modal-body {
padding: 2rem;
}
.modal-footer {
background-color: rgb(247, 247, 247);
}
.modal-dialog .btn-link {
color: #000;
}
/*
LOGIN
*/
@ -166,11 +178,13 @@ body.login {
.alert-success {
background-color: #4586d4;
border-left: 6px solid #abd1ff;
color: #ffffff;
}
.alert-danger {
background-color: #d44545;
border-left: 6px solid #ff9c9c;
color: #ffffff;
}
@ -324,4 +338,5 @@ img.profilePicture {
width: 30px;
border-radius: 30px;
border: 1px solid #ccc;
}
}

View File

@ -24,8 +24,8 @@ return <<<EOF
<p>$modalText</p>
</div>
<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 $buttonPrimaryClass">$buttonPrimary</button>
</div>
</div>
</div>

View File

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

View File

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

View File

@ -350,15 +350,13 @@ echo Bootstrap::formOpen(array(
<div id="jsdeletePageModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><?php $L->p('Delete content') ?></h5>
</div>
<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 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-secondary" data-dismiss="modal"><?php $L->p('Cancel') ?></button>
</div>
</div>
</div>