yelda-webchat 1.1.11 → 1.1.12
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/css/yeldaWebchatInjector.css +2 -6
- package/dist/css/yeldaWebchatInjector.min.css +2 -2
- package/dist/css/yeldaWebchatInjector.min.css.map +1 -1
- package/dist/js/yeldaWebchatInjector.js +4 -4
- package/dist/js/yeldaWebchatInjector.js.map +1 -1
- package/package.json +1 -1
- package/src/css/yeldaWebchatInjector.css +2 -6
- package/src/js/yeldaWebchatInjector.js +4 -4
package/package.json
CHANGED
|
@@ -16,13 +16,11 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.yelda_container.y_active .yelda_assistant_img{
|
|
19
|
-
|
|
20
|
-
height: 0 !important;
|
|
21
|
-
width: 0 !important;
|
|
22
|
-
transition: opacity 1ms linear 0s, height 1ms linear 0s;
|
|
19
|
+
display:none;
|
|
23
20
|
animation: none;
|
|
24
21
|
}
|
|
25
22
|
|
|
23
|
+
/* activated : not the first time we see the bubble */
|
|
26
24
|
.yelda_assistant_img.activated{
|
|
27
25
|
transition: opacity 0.6s ease-in-out 0.6s, height 1ms linear 0.6s;
|
|
28
26
|
}
|
|
@@ -178,8 +176,6 @@
|
|
|
178
176
|
box-shadow: #00000030 0 2px 8px 0;
|
|
179
177
|
background-color: white;
|
|
180
178
|
cursor: pointer;
|
|
181
|
-
right: 0;
|
|
182
|
-
bottom: 76px;
|
|
183
179
|
max-width: 300px;
|
|
184
180
|
text-align: left;
|
|
185
181
|
font-size: 14px;
|
|
@@ -282,15 +282,15 @@ class YeldaChat {
|
|
|
282
282
|
/**
|
|
283
283
|
* Add 'y_active' class to the webChatContainer if required
|
|
284
284
|
*
|
|
285
|
-
* To control the opacity of the iframe container (.yelda_iframe_container) and the assistant image (.yelda_assistant_img),
|
|
285
|
+
* To control the opacity/display of the iframe container (.yelda_iframe_container) and the assistant image (.yelda_assistant_img),
|
|
286
286
|
* We add and remove the "y_active" CSS class to the webChatContainer (.yelda_container) which is always visible
|
|
287
287
|
* By default
|
|
288
|
-
* - yelda_iframe_container is hidden (opacity: 0;)
|
|
289
|
-
* - assistant image is
|
|
288
|
+
* - yelda_iframe_container is hidden (opacity: 0; height:0; width: 0; to not affect page interactions)
|
|
289
|
+
* - assistant image is hidden (opacity: 0), but immediatly animated by css to be displayed (opacity: 1 with animation-name: appear;) for yelda_assistant_img)
|
|
290
290
|
*
|
|
291
291
|
* When we add the class "y_active" to (webChatContainer)
|
|
292
292
|
* - yelda_iframe_container is now visible (.y_active .yelda_iframe_container => opacity: 1)
|
|
293
|
-
* - the assistant image is hidden (.yelda_container.y_active .yelda_assistant_img =>
|
|
293
|
+
* - the assistant image is hidden (.yelda_container.y_active .yelda_assistant_img => display:none, no opacity manipulation because no need of animation)
|
|
294
294
|
*
|
|
295
295
|
* @param {Boolean} data.shouldBeOpened
|
|
296
296
|
* @param {Boolean} data.isStartBtn
|