auto-sync: 2026-05-06 08:20:01

tasks/enduro-trails/prototype/static/app.css

@@ -451,6 +451,24 @@ body.has-map-mode #sheet-backdrop.visible { pointer-events: none; }
   display: none; box-shadow: var(--shadow-sm);
 }
 #ruler-info.visible { display: flex; align-items: center; gap: 8px; }
+#ruler-info #ruler-dist { flex: 1; }
+.ruler-action-btn {
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0 10px;
+  background: var(--surface2);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.ruler-action-btn--danger {
+  color: var(--danger, #e05252);
+  border-color: var(--danger, #e05252);
+}
 
 /* ── Fix: MapLibre markers must stay absolute ────── */
 .maplibregl-marker {

tasks/enduro-trails/prototype/static/app.js

@@ -1640,6 +1640,17 @@ function toggleRuler() {
   updateMapModeClass();
 }
 
+// Exit ruler mode without clearing points/markers ("Завершить")
+function exitRulerMode() {
+  if (!rulerMode) return;
+  rulerMode = false;
+  const btn = document.getElementById('tb-ruler');
+  btn.classList.remove('active');
+  window._map.getCanvas().style.cursor = '';
+  document.getElementById('ruler-info').classList.remove('visible');
+  updateMapModeClass();
+}
+
 function clearRuler() {
   rulerPoints = [];
   rulerTotal = 0;
@@ -1774,7 +1785,7 @@ function initRulerClicks(map) {
   map.on('dblclick', (e) => {
     if (!rulerMode) return;
     e.preventDefault();
-    toggleRuler();
+    exitRulerMode();
   });
 }
 

tasks/enduro-trails/prototype/static/index.html

@@ -22,9 +22,9 @@
 
 <!-- ── Ruler info ─────────────────────────── -->
 <div id="ruler-info">
-  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>
   <span id="ruler-dist">0 км</span>
-  <span style="color:var(--text3);font-size:11px;margin-left:4px">— тапни точки, дважды для завершения</span>
+  <button class="ruler-action-btn" onclick="exitRulerMode()" title="Завершить">✓ Завершить</button>
+  <button class="ruler-action-btn ruler-action-btn--danger" onclick="toggleRuler()" title="Удалить линейку">✕</button>
 </div>
 
 <!-- ── No data warning ───────────────────── -->