diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js index 8b796f4fd..6f8724a8a 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js @@ -136,6 +136,23 @@ RED.popover = (function() { closePopup(true); }); } + if (trigger === 'hover' && options.interactive) { + div.on('mouseenter', function(e) { + clearTimeout(timer); + active = true; + }) + div.on('mouseleave', function(e) { + if (timer) { + clearTimeout(timer); + } + if (active) { + timer = setTimeout(function() { + active = false; + closePopup(); + },delay.hide); + } + }) + } if (instant) { div.show(); } else { @@ -163,8 +180,10 @@ RED.popover = (function() { if (trigger === 'hover') { target.on('mouseenter',function(e) { clearTimeout(timer); - active = true; - timer = setTimeout(openPopup,delay.show); + if (!active) { + active = true; + timer = setTimeout(openPopup,delay.show); + } }); target.on('mouseleave disabled', function(e) { if (timer) { diff --git a/packages/node_modules/@node-red/editor-client/src/sass/popover.scss b/packages/node_modules/@node-red/editor-client/src/sass/popover.scss index 95097a30e..872f32024 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/popover.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/popover.scss @@ -150,6 +150,16 @@ .red-ui-popover a.red-ui-button, .red-ui-popover button.red-ui-button { + &:not(.primary) { + border-color: $popover-button-border-color; + background: $popover-background; + color: $popover-color !important; + } + &:not(.primary):not(.disabled):not(.ui-button-disabled):hover { + border-color: $popover-button-border-color-hover; + } + + &.primary { border-color: $popover-button-border-color; }