@subiz/widget-v4 4.1.29 → 4.1.30

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.
@@ -247,6 +247,11 @@ class ChatButton extends _common.Com {
247
247
  height: 70px !important;
248
248
  width: 70px !important;
249
249
  background: ${background} !important;
250
+ mask-size: cover !important;
251
+ -webkit-mask-size: cover !important;
252
+ -o-mask-size: cover !important;
253
+ -moz-mask-size: cover !important;
254
+ mask-size: cover !important;
250
255
  `;
251
256
  }
252
257
  if (imgurl && maskurl) {
@@ -257,6 +262,10 @@ class ChatButton extends _common.Com {
257
262
  mask-image: url("${encodeURI(maskurl)}") !important;
258
263
  background-image: url("${encodeURI(imgurl)}") !important;
259
264
  background-repeat: no-repeat !important;
265
+ -webkit-mask-size: cover !important;
266
+ -o-mask-size: cover !important;
267
+ -moz-mask-size: cover !important;
268
+ mask-size: cover !important;
260
269
  `;
261
270
  }
262
271
  if (imgurl && !maskurl) {
@@ -274,6 +283,10 @@ class ChatButton extends _common.Com {
274
283
  height: 70px !important;
275
284
  width: 70px !important;
276
285
  background: ${background} !important;
286
+ -webkit-mask-size: cover !important;
287
+ -o-mask-size: cover !important;
288
+ -moz-mask-size: cover !important;
289
+ mask-size: cover !important;
277
290
  `;
278
291
  }
279
292
  let cls = 'chat-button chat-button--' + position;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@subiz/widget-v4",
3
- "version": "4.1.29",
3
+ "version": "4.1.30",
4
4
  "main": "./compiled_src/lib.js",
5
5
  "scripts": {
6
6
  "dev": "npx webpack serve --config webpack.dev.js",
@@ -268,6 +268,11 @@ export default class ChatButton extends Com {
268
268
  height: 70px !important;
269
269
  width: 70px !important;
270
270
  background: ${background} !important;
271
+ mask-size: cover !important;
272
+ -webkit-mask-size: cover !important;
273
+ -o-mask-size: cover !important;
274
+ -moz-mask-size: cover !important;
275
+ mask-size: cover !important;
271
276
  `
272
277
  }
273
278
  if (imgurl && maskurl) {
@@ -278,6 +283,10 @@ export default class ChatButton extends Com {
278
283
  mask-image: url("${encodeURI(maskurl)}") !important;
279
284
  background-image: url("${encodeURI(imgurl)}") !important;
280
285
  background-repeat: no-repeat !important;
286
+ -webkit-mask-size: cover !important;
287
+ -o-mask-size: cover !important;
288
+ -moz-mask-size: cover !important;
289
+ mask-size: cover !important;
281
290
  `
282
291
  }
283
292
 
@@ -297,6 +306,10 @@ export default class ChatButton extends Com {
297
306
  height: 70px !important;
298
307
  width: 70px !important;
299
308
  background: ${background} !important;
309
+ -webkit-mask-size: cover !important;
310
+ -o-mask-size: cover !important;
311
+ -moz-mask-size: cover !important;
312
+ mask-size: cover !important;
300
313
  `
301
314
  }
302
315