Merge pull request #66 from readingdancer/Info-Panel

Adding an info panel to the left search bar to highlight Orange County and contributing.
code-for-chapel-hill · Mar 31, 2020 · 6385469 · 6385469
2 parents 6b3241b + 311e341
commit 6385469
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/covid-19-support/src/components/Header.vue b/covid-19-support/src/components/Header.vue
@@ -54,7 +54,7 @@ export default {
 
 .navbar-brand {
   margin-right: 2px !important;
-  font-size: 1rem !important;
+  font-size: 0.95rem !important;
 }
 
 .language {

diff --git a/covid-19-support/src/components/SearchFilter.vue b/covid-19-support/src/components/SearchFilter.vue
@@ -15,6 +15,13 @@
       </div>
     </div>
 
+    <div class="list-group list-group-flush">
+      <div class="list-group-item list-group-item-action bg-light note">
+        <i class="fas fa-info-circle" />
+        {{ $t('sidebar.info-about-us') }} <a href="#" @click="$bvModal.show()">{{ $t('sidebar.info-link-text') }}</a>{{ $t('sidebar.info-end-text') }}
+      </div>
+    </div>
+
     <results-list :filteredMarkers="filteredMarkers" />
   </div>
 </template>
@@ -60,6 +67,18 @@ export default {
 </script>
 
 <style scoped>
+.note {
+  font-size: 0.8rem;
+  color: #666;
+}
+
+.note i {
+  font-size: 3rem;
+  color: #ffb71c;
+  margin: 7px 10px 0 0;
+  float: left;
+}
+
 #search-filter-wrapper {
   margin-left: -300px;
   -webkit-transition: margin 0.25s ease-out;

diff --git a/covid-19-support/src/locales/en.json b/covid-19-support/src/locales/en.json
@@ -42,7 +42,10 @@
   },
   "sidebar": {
     "what-do-you-need": "What do you need?",
-    "when-do-you-need-it": "When do you need it?"
+    "when-do-you-need-it": "When do you need it?",
+    "info-about-us": "Currently, this site supports Orange County, NC. With",
+    "info-link-text": "your help",
+    "info-end-text": ", we can expand our coverage."
   },
   "about": {
     "linktext": "About us",