Replaced the btn light class with btn outline secondary

This commit is contained in:
Alex Tselegidis 2020-09-28 15:24:29 +03:00
parent cab9aed12f
commit 06956e82d0
20 changed files with 73 additions and 67 deletions

View file

@ -9,7 +9,9 @@
<p><?= $cookie_notice_content ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button>
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div>
</div>
</div>

View file

@ -9,7 +9,9 @@
<p><?= $privacy_policy_content ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button>
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div>
</div>
</div>

View file

@ -9,7 +9,9 @@
<p><?= $terms_and_conditions_content ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button>
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div>
</div>
</div>

View file

@ -519,7 +519,7 @@
</form>
</div>
<div class="modal-footer">
<button id="cancel-custom-availability-period" class="btn btn-light" data-dismiss="modal">
<button id="cancel-custom-availability-period" class="btn btn-outline-secondar" data-dismiss="modal">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>
@ -550,7 +550,7 @@
</div>
</div>
<div class="modal-footer">
<button id="close-calendar" class="btn btn-light" data-dismiss="modal">
<button id="close-calendar" class="btn btn-outline-secondary" data-dismiss="modal">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>

View file

@ -35,10 +35,10 @@
<div class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -61,14 +61,14 @@
<?php endif ?>
<?php if ($privileges[PRIV_CUSTOMERS]['edit'] === TRUE): ?>
<button id="edit-customer" class="btn btn-light" disabled="disabled">
<button id="edit-customer" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<?php endif ?>
<?php if ($privileges[PRIV_CUSTOMERS]['delete'] === TRUE): ?>
<button id="delete-customer" class="btn btn-light" disabled="disabled">
<button id="delete-customer" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -80,7 +80,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-customer" class="btn btn-light">
<button id="cancel-customer" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>

View file

@ -51,10 +51,10 @@
<span class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -73,11 +73,11 @@
<i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?>
</button>
<button id="edit-service" class="btn btn-light" disabled="disabled">
<button id="edit-service" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<button id="delete-service" class="btn btn-light" disabled="disabled">
<button id="delete-service" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -88,7 +88,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-service" class="btn btn-light">
<button id="cancel-service" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>
@ -171,10 +171,10 @@
<span class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -193,11 +193,11 @@
<i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?>
</button>
<button id="edit-category" class="btn btn-light" disabled="disabled">
<button id="edit-category" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<button id="delete-category" class="btn btn-light" disabled="disabled">
<button id="delete-category" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -208,7 +208,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-category" class="btn btn-light">
<button id="cancel-category" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>

View file

@ -67,10 +67,10 @@
<span class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -89,11 +89,11 @@
<i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?>
</button>
<button id="edit-provider" class="btn btn-light" disabled="disabled">
<button id="edit-provider" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<button id="delete-provider" class="btn btn-light" disabled="disabled">
<button id="delete-provider" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -104,7 +104,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-provider" class="btn btn-light">
<button id="cancel-provider" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>
@ -333,10 +333,10 @@
<span class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -356,11 +356,11 @@
<i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?>
</button>
<button id="edit-secretary" class="btn btn-light" disabled="disabled">
<button id="edit-secretary" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<button id="delete-secretary" class="btn btn-light" disabled="disabled">
<button id="delete-secretary" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -371,7 +371,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-secretary" class="btn btn-light">
<button id="cancel-secretary" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>
@ -501,10 +501,10 @@
<span class="input-group-addon">
<div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>">
<button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i>
</button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>">
<button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i>
</button>
</div>
@ -524,11 +524,11 @@
<i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?>
</button>
<button id="edit-admin" class="btn btn-light" disabled="disabled">
<button id="edit-admin" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i>
<?= lang('edit') ?>
</button>
<button id="delete-admin" class="btn btn-light" disabled="disabled">
<button id="delete-admin" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?>
</button>
@ -539,7 +539,7 @@
<i class="far fa-check-square mr-2"></i>
<?= lang('save') ?>
</button>
<button id="cancel-admin" class="btn btn-light">
<button id="cancel-admin" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?>
</button>

View file

@ -39,7 +39,7 @@
<?= lang('book_appointment_title') ?>
</a>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large">
<a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>

View file

@ -45,7 +45,7 @@
<?php endif; ?>
<div>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large">
<a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>

View file

@ -37,7 +37,7 @@
<?= lang('book_appointment_title') ?>
</a>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large">
<a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>

View file

@ -139,7 +139,7 @@ window.Backend = window.Backend || {};
actions.forEach(function(action) {
$('<button/>', {
'class': 'btn btn-light btn-xs',
'class': 'btn btn-outline-secondary btn-xs',
'text': action.label,
'on': {
'click': action.function

View file

@ -317,7 +317,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo('#calendar');
$('<button/>', {
'class': 'btn btn-xs btn-light previous mr-2',
'class': 'btn btn-xs btn-outline-secondary previous mr-2',
'html': [
$('<span/>', {
'class': 'fas fa-chevron-left'
@ -334,7 +334,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo($calendarHeader);
$('<button/>', {
'class': 'btn btn-xs btn-light next',
'class': 'btn btn-xs btn-outline-secondary next',
'html': [
$('<span/>', {
'class': 'fas fa-chevron-right'
@ -1095,7 +1095,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
]
}),
$('<button/>', {
'class': 'close-popover btn btn-light',
'class': 'close-popover btn btn-outline-secondary',
'html': [
$('<i/>', {
'class': 'fas fa-ban mr-2'
@ -1180,7 +1180,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
]
}),
$('<button/>', {
'class': 'close-popover btn btn-light',
'class': 'close-popover btn btn-outline-secondary',
'html': [
$('<i/>', {
'class': 'fas fa-ban mr-2'
@ -1306,7 +1306,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
]
}),
$('<button/>', {
'class': 'close-popover btn btn-light',
'class': 'close-popover btn btn-outline-secondary',
'html': [
$('<i/>', {
'class': 'fas fa-ban mr-2'

View file

@ -194,7 +194,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -398,7 +398,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -352,7 +352,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -366,7 +366,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -471,7 +471,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -393,7 +393,7 @@
} else if (response.length === this.filterLimit) {
$('<button/>', {
'type': 'button',
'class': 'btn btn-block btn-light load-more text-center',
'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more,
'click': function () {
this.filterLimit += 20;

View file

@ -80,7 +80,7 @@ window.GeneralFunctions = window.GeneralFunctions || {};
});
$('#message-box').dialog('open');
$('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-light');
$('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-outline-secondary');
$('#message-box .ui-dialog-titlebar-close').hide();
};

View file

@ -131,7 +131,7 @@
'html': [
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm edit-break',
'class': 'btn btn-outline-secondary btn-sm edit-break',
'title': EALang.edit,
'html': [
$('<span/>', {
@ -141,7 +141,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm delete-break',
'class': 'btn btn-outline-secondary btn-sm delete-break',
'title': EALang.delete,
'html': [
$('<span/>', {
@ -151,7 +151,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm save-break d-none',
'class': 'btn btn-outline-secondary btn-sm save-break d-none',
'title': EALang.save,
'html': [
$('<span/>', {
@ -161,7 +161,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm cancel-break d-none',
'class': 'btn btn-outline-secondary btn-sm cancel-break d-none',
'title': EALang.cancel,
'html': [
$('<span/>', {
@ -221,7 +221,7 @@
'html': [
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm edit-custom-availability-period',
'class': 'btn btn-outline-secondary btn-sm edit-custom-availability-period',
'title': EALang.edit,
'html': [
$('<span/>', {
@ -231,7 +231,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm delete-custom-availability-period',
'class': 'btn btn-outline-secondary btn-sm delete-custom-availability-period',
'title': EALang.delete,
'html': [
$('<span/>', {
@ -241,7 +241,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm save-custom-availability-period d-none',
'class': 'btn btn-outline-secondary btn-sm save-custom-availability-period d-none',
'title': EALang.save,
'html': [
$('<span/>', {
@ -251,7 +251,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm cancel-custom-availability-period d-none',
'class': 'btn btn-outline-secondary btn-sm cancel-custom-availability-period d-none',
'title': EALang.cancel,
'html': [
$('<span/>', {
@ -406,7 +406,7 @@
'html': [
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm edit-break',
'class': 'btn btn-outline-secondary btn-sm edit-break',
'title': EALang.edit,
'html': [
$('<span/>', {
@ -416,7 +416,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm delete-break',
'class': 'btn btn-outline-secondary btn-sm delete-break',
'title': EALang.delete,
'html': [
$('<span/>', {
@ -426,7 +426,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm save-break d-none',
'class': 'btn btn-outline-secondary btn-sm save-break d-none',
'title': EALang.save,
'html': [
$('<span/>', {
@ -436,7 +436,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm cancel-break d-none',
'class': 'btn btn-outline-secondary btn-sm cancel-break d-none',
'title': EALang.cancel,
'html': [
$('<span/>', {
@ -580,7 +580,7 @@
'html': [
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm edit-custom-availability-period',
'class': 'btn btn-outline-secondary btn-sm edit-custom-availability-period',
'title': EALang.edit,
'html': [
$('<span/>', {
@ -590,7 +590,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm delete-custom-availability-period',
'class': 'btn btn-outline-secondary btn-sm delete-custom-availability-period',
'title': EALang.delete,
'html': [
$('<span/>', {
@ -600,7 +600,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm save-custom-availability-period d-none',
'class': 'btn btn-outline-secondary btn-sm save-custom-availability-period d-none',
'title': EALang.save,
'html': [
$('<span/>', {
@ -610,7 +610,7 @@
}),
$('<button/>', {
'type': 'button',
'class': 'btn btn-light btn-sm cancel-custom-availability-period d-none',
'class': 'btn btn-outline-secondary btn-sm cancel-custom-availability-period d-none',
'title': EALang.cancel,
'html': [
$('<span/>', {