Hide heading and tolerance on desktop

projects/common-map/src/fm-map/components/map/map.component.ts

@@ -4,6 +4,7 @@ import { Observable, Subject, Subscription, from,of ,EMPTY } from 'rxjs';
 import { withLatestFrom, switchMap,skip  } from 'rxjs/operators';
 import { Router, ActivatedRoute, ParamMap } from '@angular/router';
 import { Store } from '@ngrx/store';
+import { DeviceService } from '@farmmaps/common';
 //import { proj,Map } from 'openlayers';
 
 // Map
@@ -83,6 +84,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
   private lastUrl = "";
   private initialized: boolean = false;
   public noContent: boolean = false;
+  public isMobile = true;
 
   @ViewChild('map') map;
   @ViewChild('contentDiv') contentDiv: ElementRef;
@@ -96,7 +98,8 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     private location: Location,
     private geolocationService: GeolocationService,
     private zone: NgZone,
-    private deviceorientationService:DeviceOrientationService) {
+    private deviceorientationService:DeviceOrientationService,
+    private devicesService:DeviceService) {
       this.querySub = this.query$.pipe(skip(1), withLatestFrom(this.mapState$)).subscribe(([queryState,mapState]) =>{
         if(queryState) {
           let newQueryState = tassign(mapReducers.initialQueryState);
@@ -171,6 +174,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     this.store.dispatch(new mapActions.Clear());
     this.selectedFeatures$.next({x:0,y:0,features:[]});
     this.selectedFeatures$.next(null);
+    this.isMobile = this.devicesService.IsMobile();
   }
 
   initCustomStyles() {