summaryrefslogtreecommitdiff
path: root/addons/website
diff options
context:
space:
mode:
authorjpr-odoo <jpr@openerp.com>2019-03-20 05:35:55 +0000
committerqsm-odoo <qsm@odoo.com>2019-04-16 06:37:48 +0000
commit10ce3f7030f2d4a89e0f805b73b42e89e5ffe6e6 (patch)
tree0f3660b36e990679fe4f9a8f5bc57e67b90cac8c /addons/website
parentbc6a680482ddca7cea7fadac3cd5a4836806bc7d (diff)
[IMP] website: improve UX for logo/font size changing
This removes the 'V' box and it now validates the entered value when the user clicks outside the box. task-1952964 closes odoo/odoo#32291 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Diffstat (limited to 'addons/website')
-rw-r--r--addons/website/static/src/js/widgets/theme.js9
-rw-r--r--addons/website/static/src/xml/website.editor.xml1
2 files changed, 6 insertions, 4 deletions
diff --git a/addons/website/static/src/js/widgets/theme.js b/addons/website/static/src/js/widgets/theme.js
index 352c79b6427..4f7c9ec7f4d 100644
--- a/addons/website/static/src/js/widgets/theme.js
+++ b/addons/website/static/src/js/widgets/theme.js
@@ -18,8 +18,8 @@ var QuickEdit = Widget.extend({
template: 'website.theme_customize_active_input',
events: {
'keydown input': '_onInputKeydown',
- 'click .btn-primary': '_onSaveClick',
'click .btn-secondary': '_onResetClick',
+ 'focusout': '_onFocusOut',
},
/**
@@ -29,6 +29,7 @@ var QuickEdit = Widget.extend({
this._super.apply(this, arguments);
this.value = value;
this.unit = unit;
+ this._onFocusOut = _.debounce(this._onFocusOut, 100);
},
/**
* @override
@@ -92,8 +93,10 @@ var QuickEdit = Widget.extend({
/**
* @private
*/
- _onSaveClick: function () {
- this._save();
+ _onFocusOut: function () {
+ if (!this.$el.has(document.activeElement).length) {
+ this._save();
+ }
},
/**
* @private
diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index 2f8473d90c3..0a7847989de 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -66,7 +66,6 @@
<input type="text" class="form-control" t-att-value="widget.value"/>
<div class="input-group-append">
<div t-if="widget.unit" class="input-group-text"><t t-esc="widget.unit"/></div>
- <button type="button" class="btn btn-primary fa fa-check" title="Save"/>
<button type="button" class="btn btn-secondary fa fa-undo" title="Reset"/>
</div>
</div>