From 264fe7d98bb1fa28fde30cbe823e51b90d5e8eed Mon Sep 17 00:00:00 2001 From: Xavier Morel Date: Fri, 22 Nov 2013 11:23:22 +0100 Subject: [PATCH] [ADD] small transparency when hovering editable images, so [Edit] button stands out more bzr revid: xmo@openerp.com-20131122102322-s776o3f80bku3f4a --- addons/website/static/src/js/website.editor.js | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/addons/website/static/src/js/website.editor.js b/addons/website/static/src/js/website.editor.js index aedd5b011d9..cce7b09644a 100644 --- a/addons/website/static/src/js/website.editor.js +++ b/addons/website/static/src/js/website.editor.js @@ -103,19 +103,23 @@ top: $el.height() / 2 + image_top - $btn.outerHeight() / 2, left: $el.width() / 2 + image_left - $btn.outerWidth() / 2, }); + $el.css('opacity', 0.75); }).on('mouseleave', 'img', function (e) { - var $button = $(previousSelection.$).next('button'); + var $previous = $(previousSelection.$); + var $button = $previous.next('button'); $button.css('visibility', 'hidden'); var el = document.elementFromPoint(e.clientX, e.clientY); $button.css('visibility', ''); if (el === this) { return; } $button.remove(); + $previous.css('opacity', ''); previousSelection = null; }); editor.on('destroy', function (evt) { - if (previousSelection) { - $('.image-edit-button').remove(); - } + if (!previousSelection) { return; } + $('.image-edit-button') + .prev().css('opacity', '').end() + .remove(); }); //noinspection JSValidateTypes