@syncfusion/ej2-vue-layouts 20.4.53 → 21.1.37

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.
Files changed (62) hide show
  1. package/CHANGELOG.md +0 -12
  2. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  3. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-layouts.es2015.js +226 -336
  5. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-layouts.es5.js +257 -401
  7. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-layouts.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/dashboard-layout/dashboardlayout.component.d.ts +3 -30
  11. package/src/dashboard-layout/dashboardlayout.component.js +107 -136
  12. package/src/dashboard-layout/panels.directive.d.ts +2 -12
  13. package/src/dashboard-layout/panels.directive.js +22 -71
  14. package/src/splitter/panesettings.directive.d.ts +2 -12
  15. package/src/splitter/panesettings.directive.js +22 -71
  16. package/src/splitter/splitter.component.d.ts +3 -26
  17. package/src/splitter/splitter.component.js +95 -124
  18. package/styles/avatar/bootstrap-dark.css +3 -0
  19. package/styles/avatar/bootstrap.css +3 -0
  20. package/styles/avatar/bootstrap4.css +3 -0
  21. package/styles/avatar/bootstrap5-dark.css +3 -0
  22. package/styles/avatar/bootstrap5.css +3 -0
  23. package/styles/avatar/fabric-dark.css +3 -0
  24. package/styles/avatar/fabric.css +3 -0
  25. package/styles/avatar/fluent-dark.css +3 -0
  26. package/styles/avatar/fluent.css +3 -0
  27. package/styles/avatar/highcontrast-light.css +3 -0
  28. package/styles/avatar/highcontrast.css +3 -0
  29. package/styles/avatar/material-dark.css +3 -0
  30. package/styles/avatar/material.css +3 -0
  31. package/styles/avatar/tailwind-dark.css +3 -0
  32. package/styles/avatar/tailwind.css +3 -0
  33. package/styles/bootstrap-dark.css +5 -1
  34. package/styles/bootstrap.css +5 -1
  35. package/styles/bootstrap4.css +5 -1
  36. package/styles/bootstrap5-dark.css +5 -1
  37. package/styles/bootstrap5.css +5 -1
  38. package/styles/card/bootstrap-dark.css +2 -1
  39. package/styles/card/bootstrap.css +2 -1
  40. package/styles/card/bootstrap4.css +2 -1
  41. package/styles/card/bootstrap5-dark.css +2 -1
  42. package/styles/card/bootstrap5.css +2 -1
  43. package/styles/card/fabric-dark.css +2 -1
  44. package/styles/card/fabric.css +2 -1
  45. package/styles/card/fluent-dark.css +2 -1
  46. package/styles/card/fluent.css +2 -1
  47. package/styles/card/highcontrast-light.css +2 -1
  48. package/styles/card/highcontrast.css +2 -1
  49. package/styles/card/material-dark.css +2 -1
  50. package/styles/card/material.css +2 -1
  51. package/styles/card/tailwind-dark.css +2 -1
  52. package/styles/card/tailwind.css +2 -1
  53. package/styles/fabric-dark.css +5 -1
  54. package/styles/fabric.css +5 -1
  55. package/styles/fluent-dark.css +5 -1
  56. package/styles/fluent.css +5 -1
  57. package/styles/highcontrast-light.css +5 -1
  58. package/styles/highcontrast.css +5 -1
  59. package/styles/material-dark.css +5 -1
  60. package/styles/material.css +5 -1
  61. package/styles/tailwind-dark.css +5 -1
  62. package/styles/tailwind.css +5 -1
package/styles/card/bootstrap5.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: 1.5;
432
432
  padding: 12px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: #0d6efd;
450
- background-color: #fff;
451
+ background: #fff;
451
452
  border: 1px solid #dee2e6;
452
453
  box-shadow: none;
453
454
  color: #212529;
package/styles/card/fabric-dark.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 16px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #201f1f;
451
+ background: #201f1f;
451
452
  border: 1px solid #dadada;
452
453
  box-shadow: none;
453
454
  color: #dadada;
package/styles/card/fabric.css CHANGED
@@ -441,6 +441,7 @@
441
441
  font-size: 14px;
442
442
  line-height: normal;
443
443
  padding: 12px;
444
+ word-wrap: break-word;
444
445
  }
445
446
  .e-card .e-card-content + :not(.e-card-content),
446
447
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -458,7 +459,7 @@
458
459
  /* stylelint-disable property-no-vendor-prefix */
459
460
  .e-card {
460
461
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
461
- background-color: #fff;
462
+ background: #fff;
462
463
  border: 1px solid #eaeaea;
463
464
  box-shadow: none;
464
465
  color: #333;
package/styles/card/fluent-dark.css CHANGED
@@ -439,6 +439,7 @@
439
439
  font-size: 14px;
440
440
  line-height: 1.5;
441
441
  padding: 16px;
442
+ word-wrap: break-word;
442
443
  }
443
444
  .e-card .e-card-content + :not(.e-card-content),
444
445
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: #0078d4;
462
- background-color: #252423;
463
+ background: #252423;
463
464
  border: 0 solid #292827;
464
465
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
465
466
  color: #f3f2f1;
package/styles/card/fluent.css CHANGED
@@ -439,6 +439,7 @@
439
439
  font-size: 14px;
440
440
  line-height: 1.5;
441
441
  padding: 16px;
442
+ word-wrap: break-word;
442
443
  }
443
444
  .e-card .e-card-content + :not(.e-card-content),
444
445
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: #0078d4;
462
- background-color: #fff;
463
+ background: #fff;
463
464
  border: 0 solid #edebe9;
464
465
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
465
466
  color: #201f1e;
package/styles/card/highcontrast-light.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 16px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #ccc;
451
+ background: #ccc;
451
452
  border: 1px solid #757575;
452
453
  box-shadow: none;
453
454
  color: #000;
package/styles/card/highcontrast.css CHANGED
@@ -442,6 +442,7 @@
442
442
  font-size: 14px;
443
443
  line-height: normal;
444
444
  padding: 12px;
445
+ word-wrap: break-word;
445
446
  }
446
447
  .e-card .e-card-content + :not(.e-card-content),
447
448
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
462
- background-color: #000;
463
+ background: #000;
463
464
  border: 1px solid #969696;
464
465
  box-shadow: none;
465
466
  color: #fff;
package/styles/card/material-dark.css CHANGED
@@ -431,6 +431,7 @@
431
431
  font-size: 14px;
432
432
  line-height: normal;
433
433
  padding: 16px;
434
+ word-wrap: break-word;
434
435
  }
435
436
  .e-card .e-card-content + :not(.e-card-content),
436
437
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -448,7 +449,7 @@
448
449
  /* stylelint-disable property-no-vendor-prefix */
449
450
  .e-card {
450
451
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
451
- background-color: #303030;
452
+ background: #303030;
452
453
  border: 1px solid #000;
453
454
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
454
455
  color: #000;
package/styles/card/material.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 12px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #fff;
451
+ background: #fff;
451
452
  border: 1px none #000;
452
453
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
453
454
  color: rgba(0, 0, 0, 0.87);
package/styles/card/tailwind-dark.css CHANGED
@@ -429,6 +429,7 @@
429
429
  font-size: 14px;
430
430
  line-height: 1.5;
431
431
  padding: 0 18px 12px 18px;
432
+ word-wrap: break-word;
432
433
  }
433
434
  .e-card .e-card-content + :not(.e-card-content),
434
435
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
449
450
  /* stylelint-disable property-no-vendor-prefix */
450
451
  .e-card {
451
452
  -webkit-tap-highlight-color: #22d3ee;
452
- background-color: #1f2937;
453
+ background: #1f2937;
453
454
  border: 1px solid #4b5563;
454
455
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
455
456
  color: #fff;
package/styles/card/tailwind.css CHANGED
@@ -429,6 +429,7 @@
429
429
  font-size: 14px;
430
430
  line-height: 1.5;
431
431
  padding: 0 18px 12px 18px;
432
+ word-wrap: break-word;
432
433
  }
433
434
  .e-card .e-card-content + :not(.e-card-content),
434
435
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
449
450
  /* stylelint-disable property-no-vendor-prefix */
450
451
  .e-card {
451
452
  -webkit-tap-highlight-color: #4f46e5;
452
- background-color: #fff;
453
+ background: #fff;
453
454
  border: 1px solid #e5e7eb;
454
455
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
455
456
  color: #111827;
package/styles/fabric-dark.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -473,6 +476,7 @@
473
476
  font-size: 14px;
474
477
  line-height: normal;
475
478
  padding: 16px;
479
+ word-wrap: break-word;
476
480
  }
477
481
  .e-card .e-card-content + :not(.e-card-content),
478
482
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
490
494
  /* stylelint-disable property-no-vendor-prefix */
491
495
  .e-card {
492
496
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
- background-color: #201f1f;
497
+ background: #201f1f;
494
498
  border: 1px solid #dadada;
495
499
  box-shadow: none;
496
500
  color: #dadada;
package/styles/fabric.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -484,6 +487,7 @@
484
487
  font-size: 14px;
485
488
  line-height: normal;
486
489
  padding: 12px;
490
+ word-wrap: break-word;
487
491
  }
488
492
  .e-card .e-card-content + :not(.e-card-content),
489
493
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -501,7 +505,7 @@
501
505
  /* stylelint-disable property-no-vendor-prefix */
502
506
  .e-card {
503
507
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
504
- background-color: #fff;
508
+ background: #fff;
505
509
  border: 1px solid #eaeaea;
506
510
  box-shadow: none;
507
511
  color: #333;
package/styles/fluent-dark.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 10px;
34
37
  height: 24px;
@@ -495,6 +498,7 @@
495
498
  font-size: 14px;
496
499
  line-height: 1.5;
497
500
  padding: 16px;
501
+ word-wrap: break-word;
498
502
  }
499
503
  .e-card .e-card-content + :not(.e-card-content),
500
504
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -515,7 +519,7 @@
515
519
  /* stylelint-disable property-no-vendor-prefix */
516
520
  .e-card {
517
521
  -webkit-tap-highlight-color: #0078d4;
518
- background-color: #252423;
522
+ background: #252423;
519
523
  border: 0 solid #292827;
520
524
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
521
525
  color: #f3f2f1;
package/styles/fluent.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 10px;
34
37
  height: 24px;
@@ -495,6 +498,7 @@
495
498
  font-size: 14px;
496
499
  line-height: 1.5;
497
500
  padding: 16px;
501
+ word-wrap: break-word;
498
502
  }
499
503
  .e-card .e-card-content + :not(.e-card-content),
500
504
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -515,7 +519,7 @@
515
519
  /* stylelint-disable property-no-vendor-prefix */
516
520
  .e-card {
517
521
  -webkit-tap-highlight-color: #0078d4;
518
- background-color: #fff;
522
+ background: #fff;
519
523
  border: 0 solid #edebe9;
520
524
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
521
525
  color: #201f1e;
package/styles/highcontrast-light.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -473,6 +476,7 @@
473
476
  font-size: 14px;
474
477
  line-height: normal;
475
478
  padding: 16px;
479
+ word-wrap: break-word;
476
480
  }
477
481
  .e-card .e-card-content + :not(.e-card-content),
478
482
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
490
494
  /* stylelint-disable property-no-vendor-prefix */
491
495
  .e-card {
492
496
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
- background-color: #ccc;
497
+ background: #ccc;
494
498
  border: 1px solid #757575;
495
499
  box-shadow: none;
496
500
  color: #000;
package/styles/highcontrast.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -485,6 +488,7 @@
485
488
  font-size: 14px;
486
489
  line-height: normal;
487
490
  padding: 12px;
491
+ word-wrap: break-word;
488
492
  }
489
493
  .e-card .e-card-content + :not(.e-card-content),
490
494
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -502,7 +506,7 @@
502
506
  /* stylelint-disable property-no-vendor-prefix */
503
507
  .e-card {
504
508
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
505
- background-color: #000;
509
+ background: #000;
506
510
  border: 1px solid #969696;
507
511
  box-shadow: none;
508
512
  color: #fff;
package/styles/material-dark.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 0.6em;
34
37
  }
@@ -474,6 +477,7 @@
474
477
  font-size: 14px;
475
478
  line-height: normal;
476
479
  padding: 16px;
480
+ word-wrap: break-word;
477
481
  }
478
482
  .e-card .e-card-content + :not(.e-card-content),
479
483
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -491,7 +495,7 @@
491
495
  /* stylelint-disable property-no-vendor-prefix */
492
496
  .e-card {
493
497
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
494
- background-color: #303030;
498
+ background: #303030;
495
499
  border: 1px solid #000;
496
500
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
497
501
  color: #000;
package/styles/material.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 0.6em;
34
37
  }
@@ -473,6 +476,7 @@
473
476
  font-size: 14px;
474
477
  line-height: normal;
475
478
  padding: 12px;
479
+ word-wrap: break-word;
476
480
  }
477
481
  .e-card .e-card-content + :not(.e-card-content),
478
482
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
490
494
  /* stylelint-disable property-no-vendor-prefix */
491
495
  .e-card {
492
496
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
- background-color: #fff;
497
+ background: #fff;
494
498
  border: 1px none #000;
495
499
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
496
500
  color: rgba(0, 0, 0, 0.87);
package/styles/tailwind-dark.css CHANGED
@@ -33,6 +33,9 @@
33
33
  .e-avatar.e-avatar-circle {
34
34
  border-radius: 50%;
35
35
  }
36
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
37
+ border-radius: 50%;
38
+ }
36
39
  .e-avatar.e-avatar-xsmall {
37
40
  font-size: 10px;
38
41
  height: 24px;
@@ -488,6 +491,7 @@
488
491
  font-size: 14px;
489
492
  line-height: 1.5;
490
493
  padding: 0 18px 12px 18px;
494
+ word-wrap: break-word;
491
495
  }
492
496
  .e-card .e-card-content + :not(.e-card-content),
493
497
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -508,7 +512,7 @@
508
512
  /* stylelint-disable property-no-vendor-prefix */
509
513
  .e-card {
510
514
  -webkit-tap-highlight-color: #22d3ee;
511
- background-color: #1f2937;
515
+ background: #1f2937;
512
516
  border: 1px solid #4b5563;
513
517
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
514
518
  color: #fff;
package/styles/tailwind.css CHANGED
@@ -33,6 +33,9 @@
33
33
  .e-avatar.e-avatar-circle {
34
34
  border-radius: 50%;
35
35
  }
36
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
37
+ border-radius: 50%;
38
+ }
36
39
  .e-avatar.e-avatar-xsmall {
37
40
  font-size: 10px;
38
41
  height: 24px;
@@ -488,6 +491,7 @@
488
491
  font-size: 14px;
489
492
  line-height: 1.5;
490
493
  padding: 0 18px 12px 18px;
494
+ word-wrap: break-word;
491
495
  }
492
496
  .e-card .e-card-content + :not(.e-card-content),
493
497
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -508,7 +512,7 @@
508
512
  /* stylelint-disable property-no-vendor-prefix */
509
513
  .e-card {
510
514
  -webkit-tap-highlight-color: #4f46e5;
511
- background-color: #fff;
515
+ background: #fff;
512
516
  border: 1px solid #e5e7eb;
513
517
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
514
518
  color: #111827;