Logo: fixed it

src/index.tsx

@@ -3,11 +3,11 @@
   ## BUGS
 
   todo fix arrows (can't reproduce now :-( )
-  todo adding route, applying it and adding again and deleting it makes ghost points on the map
+  done adding route, applying it and adding again and deleting it makes ghost points on the map
 
   ## FEATURES
 
-  todo hide arrows on small zooms
+  todo make arrows and distance points
   todo selecting logo on crop
 
   done public maps

src/modules/Editor.ts

@@ -13,8 +13,10 @@ import {
   setActiveSticker,
   setAddress,
   setChanged,
-  setDistance, setIsEmpty,
-  setLogo, setMarkersShown,
+  setDistance,
+  setIsEmpty,
+  setLogo,
+  setMarkersShown,
   setMode,
   setPublic,
   setRouterPoints,

src/modules/Poly.ts

@@ -27,7 +27,9 @@ export class Poly {
       smoothFactor: 3,
       // bubblingMouseEvents: false,
     })
-      .on('distancechange', this.onDistanceUpdate);
+      .on('distancechange', this.onDistanceUpdate)
+      .on('allvertexhide', this.onVertexHide)
+      .on('allvertexshow', this.onVertexShow);
 
     this.poly.addTo(map);
     this.editor = editor;
@@ -47,6 +49,9 @@ export class Poly {
     this.setDistance(parseFloat(distance.toFixed(2)));
   };
 
+  onVertexHide = (): void => this.editor.setMarkersShown(false);
+  onVertexShow = (): void => this.editor.setMarkersShown(true);
+
   // setModeOnDrawing = (): void => {
   //   if (this.editor.getMode() !== MODES.POLY) this.editor.setMode(MODES.POLY);
   // };

src/styles/logo.less

@@ -14,6 +14,11 @@
   &.top {
     background-position: 100% 0;
   }
+
+  @media (max-width: @mobile_breakpoint) {
+    transform: scale(0.5);
+    transform-origin: 100% 100%;
+  }
 }