diff --git a/client/src/views/fields/base.js b/client/src/views/fields/base.js index e7536a46fe..a25f279f9c 100644 --- a/client/src/views/fields/base.js +++ b/client/src/views/fields/base.js @@ -1310,32 +1310,27 @@ class BaseFieldView extends View { addInlineEditLinks() { const $cell = this.get$cell(); - const $saveLink = $('') - .attr('role', 'button') - .attr('tabindex', '-1') - .addClass('pull-right inline-save-link') - .attr('title', 'Ctrl+Enter') - .text(this.translate('Update')); + const saveLink = document.createElement('a'); + saveLink.role = 'button'; + saveLink.tabIndex = -1; + saveLink.title = this.translate('Update') + ' · ' + 'Ctrl+Enter'; + saveLink.innerHTML = ``; + saveLink.classList.add('inline-save-link'); - const $cancelLink = $('') - .attr('role', 'button') - .attr('tabindex', '-1') - .addClass('pull-right inline-cancel-link') - .attr('title', 'Esc') - .text(this.translate('Cancel')); + const cancelLink = document.createElement('a'); + cancelLink.role = 'button'; + cancelLink.tabIndex = -1; + cancelLink.title = this.translate('Cancel') + ' · ' + 'Esc'; + cancelLink.innerHTML = ``; + cancelLink.classList.add('inline-cancel-link'); - $cell.prepend($saveLink); - $cell.prepend($cancelLink); + $cell.prepend(saveLink); + $cell.prepend(cancelLink); $cell.find('.inline-edit-link').addClass('hidden'); - $saveLink.click(() => { - this.inlineEditSave(); - }); - - $cancelLink.click(() => { - this.inlineEditClose(); - }); + saveLink.onclick = () => this.inlineEditSave(); + cancelLink.onclick = () => this.inlineEditClose(); } /** diff --git a/frontend/less/espo/elements/form.less b/frontend/less/espo/elements/form.less index a1b822cd08..fb32807bb1 100644 --- a/frontend/less/espo/elements/form.less +++ b/frontend/less/espo/elements/form.less @@ -465,3 +465,15 @@ input[type="radio"].form-radio { text-align: left; } } + +.cell { + .inline-save-link { + float: right; + margin-left: var(--8px); + } + + .inline-cancel-link { + float: right; + margin-left: var(--26px); + } +}