Merge branch 'staging'

OpenUpSA · Oct 2, 2020 · a3181a3 · a3181a3
2 parents 12f6100 + 952ca66
commit a3181a3
Show file tree

Hide file tree

Showing 10 changed files with 257 additions and 34 deletions.
diff --git a/src/401.html b/src/401.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--  This site was created in Webflow. http://www.webflow.com  -->
-<!--  Last Published: Tue Sep 22 2020 11:38:29 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Thu Oct 01 2020 07:27:52 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="5ecb7ed6bb713f704f48319e" data-wf-site="5ecb7ed6bb713f2f4b48319b">
 <head>
   <meta charset="utf-8">

diff --git a/src/about.html b/src/about.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--  This site was created in Webflow. http://www.webflow.com  -->
-<!--  Last Published: Tue Sep 22 2020 11:38:29 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Thu Oct 01 2020 07:27:52 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="5ecf610e0e918eeee29e9d23" data-wf-site="5ecb7ed6bb713f2f4b48319b">
 <head>
   <meta charset="utf-8">

diff --git a/src/css/wazimap-ng-v1.webflow.css b/src/css/wazimap-ng-v1.webflow.css
@@ -917,7 +917,6 @@ label {
   color: #707070;
   font-size: 0.9em;
   text-decoration: none;
-  text-transform: capitalize;
   white-space: nowrap;
 }
 
@@ -1078,7 +1077,6 @@ label {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  text-transform: capitalize;
 }
 
 .category-header__icon {
@@ -1145,7 +1143,6 @@ label {
 
 .indicator__title_wrapper {
   position: relative;
-  text-transform: capitalize;
 }
 
 .sub-category-header__title {
@@ -1677,7 +1674,6 @@ label {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  text-transform: capitalize;
 }
 
 .profile-indicator__chart_body {
@@ -3679,7 +3675,6 @@ label {
   font-size: 0.9em;
   font-weight: 500;
   letter-spacing: 0.3px;
-  text-transform: capitalize;
 }
 
 .toggle-icon-v--last {
@@ -6505,6 +6500,95 @@ label {
   margin-right: -12px;
 }
 
+.point-mapper__h1_arrow-toggle {
+  position: absolute;
+  left: auto;
+  top: 0%;
+  right: 0%;
+  bottom: auto;
+  z-index: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  width: 36px;
+  height: 36px;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.text-block-2 {
+  width: 36px;
+  height: 36px;
+}
+
+.point-mapper__arrow-down {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 36px;
+  height: 36px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+}
+
+.point-mapper__arrow-up {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 36px;
+  height: 36px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+}
+
+.point-mapper__h1_trigger-arrow {
+  position: absolute;
+  left: auto;
+  top: 0%;
+  right: 0%;
+  bottom: auto;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 36px;
+  height: 36px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
 @media screen and (max-width: 991px) {
   .rich-data-content {
     padding-top: 44px;

diff --git a/src/demo.html b/src/demo.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--  This site was created in Webflow. http://www.webflow.com  -->
-<!--  Last Published: Tue Sep 22 2020 11:38:29 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Thu Oct 01 2020 07:27:52 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="5ecb7ed6bb713f5a354831a0" data-wf-site="5ecb7ed6bb713f2f4b48319b">
 <head>
   <meta charset="utf-8">

diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--  This site was created in Webflow. http://www.webflow.com  -->
-<!--  Last Published: Tue Sep 22 2020 11:38:29 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Fri Oct 02 2020 12:33:59 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="5ecb7ed6bb713f67e148319d" data-wf-site="5ecb7ed6bb713f2f4b48319b">
 <head>
   <meta charset="utf-8">
@@ -837,17 +837,6 @@ <h1 class="clear">Map boundary change</h1>
         <div class="styles__subsection">
           <div>Data sources</div>
         </div>
-        <div class="styles__area_block horizontal wide">
-          <div class="data-source">
-            <div>Date source name</div>
-          </div>
-          <div class="data-source">
-            <div>Date source name</div>
-          </div>
-          <div class="data-source">
-            <div>Date source name</div>
-          </div>
-        </div>
         <div class="styles__title">
           <div>Point Mapper</div>
         </div>
@@ -856,7 +845,153 @@ <h1 class="clear">Map boundary change</h1>
         </div>
         <div class="styles__area_block">
           <div class="point-mapper__h1">
-            <div data-w-id="b56538ca-5ff8-7ab0-c1ee-3096ddd391bd" class="point-mapper__h1_trigger">
+            <div class="point-mapper__h1_trigger point-mapper__h1--default-closed">
+              <div class="point-data__h1_icon">
+                <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"></path>
+</svg></div>
+              </div>
+              <div class="point-data__h1_name">
+                <div class="truncate">Category Name</div>
+              </div>
+              <div class="point-mapper__h1_trigger-arrow">
+                <div class="fas fa-angle-up"></div>
+              </div>
+            </div>
+            <div class="point-mapper__h1_content default-state--closed">
+              <div class="point-mapper__h2_wrapper">
+                <div class="point-mapper__h2 theme-1">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div title="test test" class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading hidden"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete hidden">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+                <div class="point-mapper__h2">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div title="test test" class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading hidden"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+                <div class="point-mapper__h2 last theme-1">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete hidden">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+              </div>
+              <div class="point-data__h2_line-v"></div>
+            </div>
+          </div>
+        </div>
+        <div class="styles__area_block">
+          <div class="point-mapper__h1">
+            <div class="point-mapper__h1_trigger point-mapper__h1--default-open">
+              <div class="point-data__h1_icon">
+                <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"></path>
+</svg></div>
+              </div>
+              <div class="point-data__h1_name">
+                <div class="truncate">Category Name</div>
+              </div>
+              <div class="point-mapper__h1_trigger-arrow">
+                <div class="fas fa-angle-up"></div>
+              </div>
+            </div>
+            <div class="point-mapper__h1_content default-state--open">
+              <div class="point-mapper__h2_wrapper">
+                <div class="point-mapper__h2 theme-1">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div title="test test" class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading hidden"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete hidden">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+                <div class="point-mapper__h2">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div title="test test" class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading hidden"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+                <div class="point-mapper__h2 last theme-1">
+                  <div class="point-mapper__h2_line-h"></div>
+                  <div class="point-mapper__h2_label">
+                    <div class="point-mapper__h2_name">
+                      <div class="truncate">Point data name</div>
+                    </div>
+                    <div class="point-mapper__h2_source">
+                      <div class="truncate">Point data source name</div>
+                    </div>
+                  </div>
+                  <div class="point-mapper__h2_loading"><img src="images/loading.gif" alt=""></div>
+                  <div class="point-mapper__h2_load-complete hidden">
+                    <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
+<path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg></div>
+                  </div>
+                </div>
+              </div>
+              <div class="point-data__h2_line-v"></div>
+            </div>
+          </div>
+        </div>
+        <div class="styles__area_block">
+          <div class="point-mapper__h1">
+            <div data-w-id="e0cdcac6-d5b6-2780-3500-919c8eb3a735" class="point-mapper__h1_trigger">
               <div class="point-data__h1_icon">
                 <div class="svg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"></path>
@@ -2129,7 +2264,7 @@ <h1 class="clear">Map boundary change</h1>
 </svg></div>
                 </div>
                 <div class="category-header__text">
-                  <h2 class="cc-clear">Category Title</h2>
+                  <h2 class="cc-clear">Category title</h2>
                 </div>
               </div>
               <div class="category-header__link">
@@ -2795,7 +2930,7 @@ <h4>Indicator chart title</h4>
 /*------------------------------------- Hide webflow items on deploy */
 .disabled {
   pointer-events: none;
-}  
+}
 /*------------------------------------- Hide scrollbar for Chrome, Safari and Opera */
 .no-scroll::-webkit-scrollbar {
   display: none;
@@ -2820,14 +2955,14 @@ <h4>Indicator chart title</h4>
   border-color:rgb(51, 51, 51);
   border-radius:2px;
 }
-/*-------- Custom slider checkbox */  
+/*-------- Custom slider checkbox */
 .switch {
   position: relative;
   display: inline-block;
   width: 32px;
   height: 20px;
 }
-.switch input { 
+.switch input {
   opacity: 0;
   width: 0;
   height: 0;
@@ -2869,7 +3004,7 @@ <h4>Indicator chart title</h4>
 .slider.round:before {
   border-radius: 50%;
 }
-/*-------- Fixing Chart Lines */  
+/*-------- Fixing Chart Lines */
 .bar-tooltip {
   z-index: 100;
 }