toggle-components-library 1.28.6-beta.1 → 1.28.6-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/toggle-components-library.common.js +68 -68
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +68 -68
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +1 -1
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package-lock.json +1 -1
- package/package.json +1 -1
- package/src/components/forms/ToggleContactSearch.vue +1 -1
- package/src/sass/includes/_as_inputs.scss +27 -7
package/package-lock.json
CHANGED
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
<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">
|
|
25
25
|
|
|
26
|
-
<div v-if="loading" class="toggle-inline-loader-container">
|
|
26
|
+
<div v-if="loading" class="toggle-inline-loader-container toggle-contact-search-center-align">
|
|
27
27
|
<div class="toggle-inline-loader"></div>
|
|
28
28
|
</div>
|
|
29
29
|
<div v-else :class="{'toggle-contact-search-magnifying-glass-icon': true, 'toggle-contact-search-magnifying-glass-icon-disabled': disabled}" @click="onSearch"></div>
|
|
@@ -948,7 +948,7 @@ $iconWidth:20px;
|
|
|
948
948
|
height: 40px;
|
|
949
949
|
background-color: $toggle-white;
|
|
950
950
|
border-radius: 8px;
|
|
951
|
-
min-width:
|
|
951
|
+
min-width: 500px;
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
.toggle-contact-search-input-container-active {
|
|
@@ -977,17 +977,36 @@ $iconWidth:20px;
|
|
|
977
977
|
height: 30px;
|
|
978
978
|
margin: 4px 5px 0px 14px;
|
|
979
979
|
color: #3A4A62;
|
|
980
|
+
font-family: $toggle-font-family;
|
|
980
981
|
font-weight: 700;
|
|
981
982
|
font-size: 16px;
|
|
982
983
|
background-color: #FFFFFF;
|
|
983
984
|
}
|
|
984
985
|
|
|
985
|
-
.toggle-contact-search-input::placeholder
|
|
986
|
-
|
|
986
|
+
.toggle-contact-search-input::placeholder {
|
|
987
|
+
color: #C5CED8;
|
|
988
|
+
opacity: 1;
|
|
989
|
+
}
|
|
990
|
+
.toggle-contact-search-input:-ms-input-placeholder {
|
|
991
|
+
color: #C5CED8;
|
|
992
|
+
opacity: 1;
|
|
993
|
+
}
|
|
987
994
|
.toggle-contact-search-input::-ms-input-placeholder {
|
|
988
995
|
color: #C5CED8;
|
|
989
996
|
opacity: 1;
|
|
990
997
|
}
|
|
998
|
+
.toggle-contact-search-input::-webkit-input-placeholder {
|
|
999
|
+
color: #C5CED8;
|
|
1000
|
+
opacity: 1;
|
|
1001
|
+
}
|
|
1002
|
+
.toggle-contact-search-input:-moz-placeholder {
|
|
1003
|
+
color: #C5CED8;
|
|
1004
|
+
opacity: 1;
|
|
1005
|
+
}
|
|
1006
|
+
.toggle-contact-search-input::-ms-placeholder {
|
|
1007
|
+
color: #C5CED8;
|
|
1008
|
+
opacity: 1;
|
|
1009
|
+
}
|
|
991
1010
|
|
|
992
1011
|
.toggle-contact-search-icon {
|
|
993
1012
|
max-width: 20px;
|
|
@@ -1133,11 +1152,12 @@ $iconWidth:20px;
|
|
|
1133
1152
|
opacity: 1;
|
|
1134
1153
|
}
|
|
1135
1154
|
|
|
1136
|
-
.toggle-contact-search-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1155
|
+
.toggle-contact-search-center-align {
|
|
1156
|
+
display: flex;
|
|
1157
|
+
align-items: center;
|
|
1158
|
+
margin: 0 0 5px 0;
|
|
1140
1159
|
}
|
|
1160
|
+
|
|
1141
1161
|
//
|
|
1142
1162
|
// Contact Search Transition Styles
|
|
1143
1163
|
//
|