From aaa0b5b47660e9af028a918b8b26a864e19cf7d0 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Mon, 25 Feb 2019 17:54:10 +0700
Subject: [PATCH] Logo: fixed it

---
 src/index.tsx         | 4 ++--
 src/modules/Editor.ts | 6 ++++--
 src/modules/Poly.ts   | 7 ++++++-
 src/styles/logo.less  | 5 +++++
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index d2aaefb..07ec1a0 100644
--- a/src/index.tsx
+++ b/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
diff --git a/src/modules/Editor.ts b/src/modules/Editor.ts
index ce0b413..de0be4a 100644
--- a/src/modules/Editor.ts
+++ b/src/modules/Editor.ts
@@ -13,8 +13,10 @@ import {
   setActiveSticker,
   setAddress,
   setChanged,
-  setDistance, setIsEmpty,
-  setLogo, setMarkersShown,
+  setDistance,
+  setIsEmpty,
+  setLogo,
+  setMarkersShown,
   setMode,
   setPublic,
   setRouterPoints,
diff --git a/src/modules/Poly.ts b/src/modules/Poly.ts
index 5b563a8..4008be4 100644
--- a/src/modules/Poly.ts
+++ b/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);
   // };
diff --git a/src/styles/logo.less b/src/styles/logo.less
index b16cbd0..e6fdfa0 100644
--- a/src/styles/logo.less
+++ b/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%;
+  }
 }