From d675e32fdf2f4e0ca5a7adf8cbc5b462e81bc7f0 Mon Sep 17 00:00:00 2001
From: Aubrey-Li <63608597+Aubrey-Li@users.noreply.github.com>
Date: Mon, 5 Jul 2021 13:28:54 -0700
Subject: searchbox zoom in and center on search

---
 .../collections/MapView/CollectionMapView.scss     | 50 ++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/client/views/collections/MapView/CollectionMapView.scss

(limited to 'src/client/views/collections/MapView/CollectionMapView.scss')

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;
+    }
+}
-- 
cgit v1.2.3-70-g09d2