searchbox zoom in and center on search

1 files changed, 50 insertions, 0 deletions

diff --git a/src/client/views/collections/MapView/CollectionMapView.scss b/src/client/views/collections/MapView/CollectionMapView.scss
new file mode 100644
index 000000000..c76f1d4b9
--- /dev/null
+++ b/src/client/views/collections/MapView/CollectionMapView.scss
@@ -0,0 +1,50 @@
+.collectionMapView {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    .collectionMapView-contents {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        > div {
+            position: unset !important; // when the sidebar filter flys out, this prevents the map from extending outside the document box
+        }
+
+        .map-wrapper {
+            .searchbox {
+                box-sizing: border-box;
+                border: 1px solid transparent;
+                width: 240px;
+                height: 32px;
+                padding: 0 12px;
+                border-radius: 3px;
+                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+                font-size: 14px;
+                outline: none;
+                text-overflow: ellipses;
+                position: absolute;
+                left: 50%;
+                margin-left: -120px;
+            }
+        }
+    }
+}
+
+.loadingWrapper {
+    width: 100%;
+    height: 100%;
+    background-color: pink;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+
+    .loadingGif {
+        align-self: center;
+        justify-self: center;
+        width: 50px;
+        height: 50px;
+    }
+}