[ADD] small transparency when hovering editable images, so [Edit] button stands out more

bzr revid: xmo@openerp.com-20131122102322-s776o3f80bku3f4a
2013-11-22 11:23:22 +01:00
parent 1f2a40e3f7
commit 264fe7d98b
1 changed files with 8 additions and 4 deletions
@@ -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