fix(marker): remove line-height as it can incorrectly change the heig…

…ht (thus the position) of a marker
Wykks · May 1, 2018 · 550f665 · 550f665
1 parent 8562e43
commit 550f665
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/app/lib/marker/marker.component.ts b/src/app/lib/marker/marker.component.ts
@@ -1,5 +1,3 @@
-import { LngLatLike, Marker, PointLike } from 'mapbox-gl';
-import { MapService } from '../map/map.service';
 import {
     Component,
     ElementRef,
@@ -11,11 +9,20 @@ import {
     AfterViewInit,
     OnInit,
     ChangeDetectionStrategy,
+    ViewEncapsulation
 } from '@angular/core';
+import { LngLatLike, Marker, PointLike } from 'mapbox-gl';
+import { MapService } from '../map/map.service';
 
 @Component({
   selector: 'mgl-marker',
   template: '<div #content><ng-content></ng-content></div>',
+  styles: [`
+    .mapboxgl-marker {
+      line-height: 0;
+    }
+  `],
+  encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MarkerComponent implements OnChanges, OnDestroy, AfterViewInit, OnInit {