@teachinglab/omd 0.7.1 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/canvas/ui/toolbar.js +6 -1
- package/package.json +1 -1
package/canvas/ui/toolbar.js
CHANGED
|
@@ -41,6 +41,11 @@ export class Toolbar {
|
|
|
41
41
|
// Create a jsvgGroup for the toolbar
|
|
42
42
|
this.toolbarGroup = new jsvgGroup();
|
|
43
43
|
|
|
44
|
+
// Stop pointer events from bubbling to canvas to prevent drawing while interacting with toolbar
|
|
45
|
+
const stopPropagation = (e) => e.stopPropagation();
|
|
46
|
+
this.toolbarGroup.svgObject.addEventListener('pointerdown', stopPropagation);
|
|
47
|
+
this.toolbarGroup.svgObject.addEventListener('pointermove', stopPropagation);
|
|
48
|
+
this.toolbarGroup.svgObject.addEventListener('pointerup', stopPropagation);
|
|
44
49
|
|
|
45
50
|
// Create background rectangle
|
|
46
51
|
this.background = new jsvgRect();
|
|
@@ -135,7 +140,7 @@ export class Toolbar {
|
|
|
135
140
|
const button = new jsvgButton();
|
|
136
141
|
button.setWidthAndHeight(size, size);
|
|
137
142
|
button.setCornerRadius(size / 2); // Make it circular
|
|
138
|
-
button.setFillColor(
|
|
143
|
+
button.setFillColor(this.omdColor.lightGray);
|
|
139
144
|
|
|
140
145
|
// Remove any default text from the button group (if present)
|
|
141
146
|
// jsvgButton may add a <text> element by default; remove it
|