bugfixes

dist/main.css

@@ -391,6 +391,8 @@ html, body {
   right: .25em;
   top: 10em;
   font-size: 1.5em; }
+  .ol-messure .ol-messure-true {
+    background-color: green !important; }
 
 .tooltip {
   position: relative;

dist/main.js

@@ -47063,7 +47063,7 @@ var MessureControl_MessureControl = /*@__PURE__*/(function (Control) {
 		 * Message to show when the user is drawing a line.
 		 * @type {string}
 		 */
-		this.continueLineMsg = 'Click to continue drawing the line';
+		this.continueLineMsg = 'Click to continue drawing the line</br>Doubleclick to end path';
 
 		var type = (false ? undefined : 'LineString');
 		this.draw_ = new interaction_Draw({
@@ -47158,8 +47158,10 @@ var MessureControl_MessureControl = /*@__PURE__*/(function (Control) {
 		this.pointerMoveHandler_ = (e) => self.pointerMoveHandler(e);
 		map.on('pointermove', this.pointerMoveHandler_);
 		map.addInteraction(this.draw_);
+		this.button_.classList.add('active');
 
 		this.active_ = true;
+		this.setClassName_(this.button_, this.active_);
 	}
 
 	/**
@@ -47170,7 +47172,8 @@ var MessureControl_MessureControl = /*@__PURE__*/(function (Control) {
 		map.un('pointermove', this.pointerMoveHandler_);
 		map.removeInteraction(this.draw_);
 		this.helpTooltipElement.classList.add('hidden');
-		this.active_ = true;
+		this.active_ = false;
+		this.setClassName_(this.button_, this.active_);
 	}
 
 	/**

src/MessureControl.js

@@ -163,7 +163,7 @@ var MessureControl = /*@__PURE__*/(function (Control) {
 		 * Message to show when the user is drawing a line.
 		 * @type {string}
 		 */
-		this.continueLineMsg = 'Click to continue drawing the line';
+		this.continueLineMsg = 'Click to continue drawing the line</br>Doubleclick to end path';
 
 		var type = (false ? 'Polygon' : 'LineString');
 		this.draw_ = new Draw({
@@ -258,8 +258,10 @@ var MessureControl = /*@__PURE__*/(function (Control) {
 		this.pointerMoveHandler_ = (e) => self.pointerMoveHandler(e);
 		map.on('pointermove', this.pointerMoveHandler_);
 		map.addInteraction(this.draw_);
+		this.button_.classList.add('active');
 
 		this.active_ = true;
+		this.setClassName_(this.button_, this.active_);
 	}
 
 	/**
@@ -270,7 +272,8 @@ var MessureControl = /*@__PURE__*/(function (Control) {
 		map.un('pointermove', this.pointerMoveHandler_);
 		map.removeInteraction(this.draw_);
 		this.helpTooltipElement.classList.add('hidden');
-		this.active_ = true;
+		this.active_ = false;
+		this.setClassName_(this.button_, this.active_);
 	}
 
 	/**

src/app.scss

@@ -18,9 +18,12 @@ html, body {
 }
 
 .ol-messure {
-    right: .25em;
-    top: 10em;
-    font-size: 1.5em;
+	right: .25em;
+	top: 10em;
+	font-size: 1.5em;
+	.ol-messure-true {
+		background-color: green !important;
+	}
 }
 
 .tooltip {
@@ -55,3 +58,4 @@ html, body {
 .tooltip-static:before {
 	border-top-color: #ffcc33;
 }
+