FIX: tool tip width for map (#93)

reapit · Oct 16, 2019 · fd8da36 · fd8da36
1 parent 4d014a5
commit fd8da36
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "0.4.28",
+  "version": "0.4.29",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "main": "dist/index.js",
   "umd:main": "dist/elements.umd.production.js",

diff --git a/src/components/Map/__tests__/__snapshots__/index.tsx.snap b/src/components/Map/__tests__/__snapshots__/index.tsx.snap
@@ -1195,7 +1195,7 @@ exports[`Map renderMap should run correctly 1`] = `
                     "listeners": Object {},
                     "notify": [MockFunction notify],
                     "opts": Object {
-                      "content": "<div id=\\"coordinate-0-0\\">
+                      "content": "<div style=\\"max-width: 200px;\\" id=\\"coordinate-0-0\\">
                   <div></div>
                 </div>",
                     },
@@ -1275,7 +1275,7 @@ exports[`Map renderMap should run correctly 1`] = `
                     "listeners": Object {},
                     "notify": [MockFunction notify],
                     "opts": Object {
-                      "content": "<div id=\\"coordinate-1-1\\">
+                      "content": "<div style=\\"max-width: 200px;\\" id=\\"coordinate-1-1\\">
                   <div></div>
                 </div>",
                     },

diff --git a/src/components/Map/index.tsx b/src/components/Map/index.tsx
@@ -48,7 +48,7 @@ export const renderMarkers = ({ coordinates, googleMaps, map, markerCallBack })
       map
     })
     const infoWindow = new googleMaps.InfoWindow({
-      content: `<div id="coordinate-${coordinate.position.lat}-${coordinate.position.lng}">
+      content: `<div style="max-width: 200px;" id="coordinate-${coordinate.position.lat}-${coordinate.position.lng}">
                   <div>${combineAddress(coordinate.address)}</div>
                 </div>`
     })