toggle-components-library 1.28.6-beta.2 → 1.28.6-beta.4

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.28.6-beta.2",
+  "version": "1.28.6-beta.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.28.6-beta.2",
+  "version": "1.28.6-beta.4",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/forms/ToggleContactSearch.vue

@@ -23,7 +23,7 @@
     
                 <input :class="{'toggle-contact-search-input': true, 'toggle-contact-search-disabled': disabled}" v-model="inputVal" :disabled="disabled || loading" type="text" :placeholder="placeholder" @keyup.enter="onEnter">
     
-                <div v-if="loading" class="toggle-inline-loader-container">
+                <div v-if="loading" class="toggle-contact-search-loading-container">
                     <div class="toggle-inline-loader"></div>
                 </div>
                 <div v-else :class="{'toggle-contact-search-magnifying-glass-icon': true, 'toggle-contact-search-magnifying-glass-icon-disabled': disabled}" @click="onSearch"></div>

package/src/sass/includes/_as_inputs.scss

@@ -948,7 +948,7 @@ $iconWidth:20px;
     height: 40px;
     background-color: $toggle-white;
     border-radius: 8px;
-    min-width: 550px;
+    min-width: 500px;
 }
 
 .toggle-contact-search-input-container-active {
@@ -977,6 +977,7 @@ $iconWidth:20px;
     height: 30px;
     margin: 4px 5px 0px 14px;
     color: #3A4A62;
+    font-family: $toggle-font-family;
     font-weight: 700;
     font-size: 16px;
     background-color: #FFFFFF;
@@ -1007,8 +1008,6 @@ $iconWidth:20px;
     opacity: 1;
 }
 
-
-
 .toggle-contact-search-icon {
     max-width: 20px;
     max-height: 20px;
@@ -1153,11 +1152,12 @@ $iconWidth:20px;
     opacity: 1;
 }
 
-.toggle-contact-search-spinner-container {
-    margin: 2px 25px 0 0;
-    max-width: 18px;
-    max-height: 20px;
+.toggle-contact-search-loading-container {
+    display: flex;
+    align-items: center;
+    margin: 0 0 3px 0;
 }
+
 //
 //  Contact Search Transition Styles
 //