fixes #52 remove custom ol-ext css

Signed-off-by: Taro Matsuzawa <[email protected]>

Author: smellman

src/components/gtt-client.ts

@@ -476,7 +476,7 @@ export class GttClient {
       const url = popup_contents.href.replace(/\[(.+?)\]/g, feature.get('id'))
       content.push(`<a href="${url}">Edit</a>`)
 
-      popup.show(getCenter(feature.getGeometry().getExtent()), content as any)
+      popup.show(feature.getGeometry().getFirstCoordinate(), content as any)
     })
 
     select.getFeatures().on(['remove'], _ => {

src/stylesheets/app.scss

@@ -24,49 +24,6 @@
     background-color: rgba(40, 40, 40, 1);
 }
 
-.ol-popup {
-  position: absolute;
-  background-color: white;
-  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
-  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
-  padding: 7px;
-  border-radius: 10px;
-  border: 1px solid #cccccc;
-  bottom: 12px;
-  left: -50px;
-  min-width: 120px;
-}
-.ol-popup:after, .ol-popup:before {
-  top: 100%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-}
-.ol-popup:after {
-  border-top-color: white;
-  border-width: 10px;
-  left: 48px;
-  margin-left: -10px;
-}
-.ol-popup:before {
-  border-top-color: #cccccc;
-  border-width: 11px;
-  left: 48px;
-  margin-left: -11px;
-}
-.ol-popup-closer {
-  text-decoration: none;
-  position: absolute;
-  top: 2px;
-  right: 8px;
-}
-.ol-popup-closer:after {
-  content: "✖";
-}
-
 #admin-menu a.gtt {
   background-image: url(../images/map.png);
 }