Merge pull request #677 from Fliplet/release/DEV-160-address-field

Release/dev 160 address field

Author: tonytlwu

css/builder.css

@@ -1383,6 +1383,16 @@ form hr {
   color: #e3e1e2;
 }
 
+/* Address field*/
+
+.form-group.address-typeahead.fl-typeahead.selectize-dropdown {
+  left: 14px !important;
+}
+
+.form-group.fl-typeahead .selectize-input.focus {
+  border-color: #00abd1;
+}
+
 .timeStamp {
   font-size: 13px;
   text-align: center;

css/form.css

@@ -1622,6 +1622,48 @@ form hr {
   gap: 11px;
 }
 
+/* Address field*/
+
+.form-group.address-typeahead.fl-typeahead {
+  left: 14px !important;
+}
+
+.google-autocomplete {
+  position: absolute;
+  background-color: #ffffff;
+  border: 1px solid #dcdcdc;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+  max-height: 300px;
+  overflow-y: auto;
+  width: 100%;
+  padding-left: 0;
+  z-index: 1000;
+}
+
+.google-autocomplete li {
+  display: inline-block;
+  width: 100%;
+  padding: 8px 12px;
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 20px;
+  border-bottom: 1px solid #dcdcdc;
+  list-style: none;
+  align-items: baseline;
+  gap: 4px;
+}
+
+.google-autocomplete li:hover,
+.google-autocomplete li:focus {
+  background-color: #f0f0f0;
+}
+
+.google-autocomplete li.active {
+  background-color: #e0e0e0;
+  font-weight: bold;
+}
+
 .timeStamp {
   font-size: 16px;
   text-align: center;

interface.html

@@ -386,7 +386,7 @@ <h4 class="panel-title" v-bind:class="{ collapsed: idx !== 0}" role="button" dat
                   <h2 class="modal-title"><small>\{{ activeFieldName }}</small></h2>
                 </div>
                 <div class="modal-body">
-                  <a href="#" class="btn btn-default close-btn" data-dismiss="modal" aria-label="Close" v-on:click.prevent="closeEdit">Cancel</a>
+                  <a href="#" class="btn btn-default close-btn" data-dismiss="modal" aria-label="Close" v-on:click.prevent="closeEdit(false)">Cancel</a>
                   <component :is="activeFieldConfigType" v-bind="activeField" :_fields="fields" :_idx="activeFieldIdx"></component>
                 </div>
               </div>