diff --git a/app/modifiers/ui_select.js b/app/modifiers/ui_select.js index ecce28bd249479f3a02bdca2729d8104bbbf2b8b..56b47c6ae2fb070a07ea7aec203d14966039aa45 100644 --- a/app/modifiers/ui_select.js +++ b/app/modifiers/ui_select.js @@ -53,23 +53,21 @@ class UISelect { if (this.select_div) { if (this.current_y < this.start_y) { - this.select_div.top = `${this.current_y + 7}px`; + this.select_div.style.top = `${this.current_y + 7}px`; top = this.current_y + 7; } else { - this.select_div.top = `${this.start_y}px`; + this.select_div.style.top = `${this.start_y}px`; top = this.start_y; } if (this.current_x < this.start_x) { - this.select_div.left = `${this.current_x + 7}px`; + this.select_div.style.left = `${this.current_x + 7}px`; left = this.current_x + 7; } else { - this.select_div.left = `${this.start_x}px`; + this.select_div.style.left = `${this.start_x}px`; left = this.start_x; } - this.select_div.width = `${width}px`; - this.select_div.height = `${height}px`; - console.log(`select_div.width = ${width}`); - console.log(`select_div.height = ${height}`); + this.select_div.style.width = `${width}px`; + this.select_div.style.height = `${height}px`; } } @@ -126,8 +124,10 @@ export default class UISelectModifier extends Modifier { @action onMouseUp() { - this.ui_select.remove_div(); - this.ui_select = undefined; + if (this.ui_select) { + this.ui_select.remove_div(); + this.ui_select = undefined; + } } @action diff --git a/app/styles/node.scss b/app/styles/node.scss index 912d8c5e2f8bab9fbe8212c8dc2f0d99c904817e..0a1dd21fffb1b070e04a70daeea5007c0509be5f 100644 --- a/app/styles/node.scss +++ b/app/styles/node.scss @@ -1,6 +1,8 @@ .node { display: flex; align-items: center; + // make node title text unselectable + user-select: none; .icon { width: 4rem; diff --git a/app/styles/ui_select.scss b/app/styles/ui_select.scss index 3f95a139b53df49592d78e2c27acde4e1cf6212e..8452ae7714119294e095c45032652f831c058616 100644 --- a/app/styles/ui_select.scss +++ b/app/styles/ui_select.scss @@ -1,4 +1,4 @@ #ui-select { background-color: #e6f5ff40; - border: 1px solid #e6f5ff; + border: 1px solid #A6DAFF; } \ No newline at end of file