frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix node button mouse pointer css

Browse Source
This commit is contained in:
Nick O'Leary
2020-06-22 14:37:52 +01:00
parent 581f71911a
commit 0a411cbe4f
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/node_modules/@node-red/editor-client/src/js/ui/view.js vendored
View File

@@ -3557,7 +3557,6 @@ RED.view = (function() {
bgButton.setAttribute("width",16); bgButton.setAttribute("width",16);
bgButton.setAttribute("height",node_height-12); bgButton.setAttribute("height",node_height-12);
bgButton.setAttribute("fill", RED.utils.getNodeColor(d.type,d._def)); bgButton.setAttribute("fill", RED.utils.getNodeColor(d.type,d._def));
bgButton.setAttribute("cursor","pointer");
d3.select(bgButton) d3.select(bgButton)
.on("mousedown",function(d) {if (!lasso && isButtonEnabled(d)) {focusView();d3.select(this).attr("fill-opacity",0.2);d3.event.preventDefault(); d3.event.stopPropagation();}}) .on("mousedown",function(d) {if (!lasso && isButtonEnabled(d)) {focusView();d3.select(this).attr("fill-opacity",0.2);d3.event.preventDefault(); d3.event.stopPropagation();}})
.on("mouseup",function(d) {if (!lasso && isButtonEnabled(d)) { d3.select(this).attr("fill-opacity",0.4);d3.event.preventDefault();d3.event.stopPropagation();}}) .on("mouseup",function(d) {if (!lasso && isButtonEnabled(d)) { d3.select(this).attr("fill-opacity",0.4);d3.event.preventDefault();d3.event.stopPropagation();}})
@@ -3904,8 +3903,7 @@ RED.view = (function() {
if (d._def.button) { if (d._def.button) {
var buttonEnabled = isButtonEnabled(d); var buttonEnabled = isButtonEnabled(d);
this.__buttonGroup__.setAttribute("opacity", !buttonEnabled?0.4:1 ); this.__buttonGroup__.classList.toggle("red-ui-flow-node-button-disabled", !buttonEnabled);
this.__buttonGroupButton__.setAttribute("cursor",buttonEnabled?"":"pointer");
var x = d._def.align == "right"?d.w-6:-25; var x = d._def.align == "right"?d.w-6:-25;
if (d._def.button.toggle && !d[d._def.button.toggle]) { if (d._def.button.toggle && !d[d._def.button.toggle]) {

9
packages/node_modules/@node-red/editor-client/src/sass/flow.scss vendored
View File

@@ -153,6 +153,15 @@
.red-ui-flow-node-button { .red-ui-flow-node-button {
fill: inherit; fill: inherit;
&.red-ui-flow-node-button-disabled {
opacity: 0.4;
.red-ui-flow-node-button-button {
cursor: default;
}
}
}
.red-ui-flow-node-button-button {
cursor: pointer;
} }
.red-ui-flow-node-button-background { .red-ui-flow-node-button-background {
fill: $node-background-placeholder; fill: $node-background-placeholder;