Merge pull request #493 from Esri/reporter-view-only

mapView only
Esri · Jan 17, 2024 · ab24a37 · ab24a37
2 parents 586edd7 + 3348ec7
commit ab24a37
Show file tree

Hide file tree

Showing 6 changed files with 198 additions and 266 deletions.
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -241,6 +241,10 @@ export namespace Components {
           * boolean: when true the zoom widget will be available
          */
         "enableZoom": boolean;
+        /**
+          * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
+         */
+        "isMobile": boolean;
         /**
           * string[]: list of layer ids
          */
@@ -253,6 +257,10 @@ export namespace Components {
           * IMapInfo[]: array of map infos (name and id)
          */
         "mapInfos": IMapInfo[];
+        /**
+          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView": __esri.MapView;
         /**
           * string: The word(s) to display in the reports submit button
          */
@@ -2206,6 +2214,10 @@ declare namespace LocalJSX {
           * boolean: when true the zoom widget will be available
          */
         "enableZoom"?: boolean;
+        /**
+          * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
+         */
+        "isMobile"?: boolean;
         /**
           * string[]: list of layer ids
          */
@@ -2218,6 +2230,10 @@ declare namespace LocalJSX {
           * IMapInfo[]: array of map infos (name and id)
          */
         "mapInfos"?: IMapInfo[];
+        /**
+          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView"?: __esri.MapView;
         /**
           * string: The word(s) to display in the reports submit button
          */

diff --git a/src/components/crowdsource-reporter/crowdsource-reporter.css b/src/components/crowdsource-reporter/crowdsource-reporter.css
@@ -21,15 +21,15 @@
 }
 
 .width-full {
-  width: 100%;
+  width: 100% !important;
 }
 
 .width-0 {
   width: 0;
 }
 
 .height-full {
-  height: 100%;
+  height: 100% !important;
 }
 
 .height-0 {
@@ -64,29 +64,7 @@
   padding: 10px;
 }
 
-@media screen and (max-width: 600px) {
-  .map-container {
-    left: 0;
-    height: 50%;
-    width: 100%;
-  }
-
-  .map-container-mobile {
-    height:  calc(100% - 100px);
-  }
-
-  .side-panel {
-    padding: 2px;
-    width: 100%;
-    height: 50%;
-    position: absolute;
-    top: 50%;
-    left: 0;
-    z-index: 60;
-  }
-
-  .collapsed-side-panel {
-    top: calc(100% - 100px);
-    height: 100px;
-  }
+.collapsed-side-panel {
+  top: calc(100% - 55px);
+  height: 54px;
 }