@syncfusion/ej2-richtexteditor 19.2.62 → 19.3.43

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 (113) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +21 -9
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +858 -245
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +864 -243
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/common/types.d.ts +8 -0
  14. package/src/editor-manager/base/editor-manager.d.ts +1 -1
  15. package/src/editor-manager/base/editor-manager.js +6 -6
  16. package/src/editor-manager/base/interface.d.ts +7 -1
  17. package/src/editor-manager/plugin/clearformat-exec.js +2 -2
  18. package/src/editor-manager/plugin/clearformat.d.ts +3 -1
  19. package/src/editor-manager/plugin/clearformat.js +19 -9
  20. package/src/editor-manager/plugin/dom-node.js +2 -2
  21. package/src/editor-manager/plugin/formats.d.ts +1 -0
  22. package/src/editor-manager/plugin/formats.js +87 -7
  23. package/src/editor-manager/plugin/image.js +55 -47
  24. package/src/editor-manager/plugin/inserthtml.js +10 -2
  25. package/src/editor-manager/plugin/isformatted.js +2 -1
  26. package/src/editor-manager/plugin/lists.d.ts +1 -0
  27. package/src/editor-manager/plugin/lists.js +87 -8
  28. package/src/editor-manager/plugin/nodecutter.d.ts +1 -0
  29. package/src/editor-manager/plugin/nodecutter.js +1 -0
  30. package/src/editor-manager/plugin/selection-commands.d.ts +2 -1
  31. package/src/editor-manager/plugin/selection-commands.js +14 -6
  32. package/src/editor-manager/plugin/selection-exec.js +2 -2
  33. package/src/editor-manager/plugin/table.js +19 -9
  34. package/src/rich-text-editor/actions/base-quick-toolbar.js +3 -4
  35. package/src/rich-text-editor/actions/enter-key.d.ts +18 -0
  36. package/src/rich-text-editor/actions/enter-key.js +290 -0
  37. package/src/rich-text-editor/actions/html-editor.js +30 -20
  38. package/src/rich-text-editor/actions/paste-clean-up.js +5 -5
  39. package/src/rich-text-editor/actions/resize.js +4 -4
  40. package/src/rich-text-editor/base/constant.d.ts +5 -0
  41. package/src/rich-text-editor/base/constant.js +5 -0
  42. package/src/rich-text-editor/base/interface.d.ts +15 -3
  43. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +27 -1
  44. package/src/rich-text-editor/base/rich-text-editor.d.ts +34 -5
  45. package/src/rich-text-editor/base/rich-text-editor.js +58 -56
  46. package/src/rich-text-editor/base/util.d.ts +7 -1
  47. package/src/rich-text-editor/base/util.js +45 -11
  48. package/src/rich-text-editor/formatter/formatter.js +9 -7
  49. package/src/rich-text-editor/models/items.js +3 -3
  50. package/src/rich-text-editor/renderer/iframe-content-renderer.js +2 -2
  51. package/src/rich-text-editor/renderer/image-module.d.ts +6 -0
  52. package/src/rich-text-editor/renderer/image-module.js +70 -26
  53. package/src/rich-text-editor/renderer/link-module.js +4 -3
  54. package/src/rich-text-editor/renderer/popup-renderer.js +1 -2
  55. package/src/rich-text-editor/renderer/render.js +10 -2
  56. package/src/rich-text-editor/renderer/table-module.js +13 -5
  57. package/src/rich-text-editor/renderer/view-source.js +21 -3
  58. package/styles/bootstrap-dark.css +25 -12
  59. package/styles/bootstrap.css +25 -12
  60. package/styles/bootstrap4.css +21 -13
  61. package/styles/bootstrap5-dark.css +3058 -0
  62. package/styles/bootstrap5-dark.scss +1 -0
  63. package/styles/bootstrap5.css +3058 -0
  64. package/styles/bootstrap5.scss +1 -0
  65. package/styles/fabric-dark.css +20 -12
  66. package/styles/fabric.css +20 -12
  67. package/styles/highcontrast-light.css +20 -12
  68. package/styles/highcontrast.css +19 -18
  69. package/styles/material-dark.css +22 -14
  70. package/styles/material.css +19 -11
  71. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +1 -1
  72. package/styles/rich-text-editor/_bootstrap-definition.scss +1 -1
  73. package/styles/rich-text-editor/_bootstrap4-definition.scss +2 -2
  74. package/styles/rich-text-editor/_bootstrap5-dark-definition.scss +1 -0
  75. package/styles/rich-text-editor/_bootstrap5-definition.scss +168 -0
  76. package/styles/rich-text-editor/_fabric-dark-definition.scss +1 -1
  77. package/styles/rich-text-editor/_fabric-definition.scss +1 -1
  78. package/styles/rich-text-editor/_highcontrast-definition.scss +2 -2
  79. package/styles/rich-text-editor/_highcontrast-light-definition.scss +1 -1
  80. package/styles/rich-text-editor/_layout.scss +64 -7
  81. package/styles/rich-text-editor/_tailwind-dark-definition.scss +1 -165
  82. package/styles/rich-text-editor/_tailwind-definition.scss +74 -72
  83. package/styles/rich-text-editor/_theme.scss +103 -3
  84. package/styles/rich-text-editor/bootstrap-dark.css +25 -12
  85. package/styles/rich-text-editor/bootstrap.css +25 -12
  86. package/styles/rich-text-editor/bootstrap4.css +21 -13
  87. package/styles/rich-text-editor/bootstrap5-dark.css +3058 -0
  88. package/styles/rich-text-editor/bootstrap5-dark.scss +4 -0
  89. package/styles/rich-text-editor/bootstrap5.css +3058 -0
  90. package/styles/rich-text-editor/bootstrap5.scss +4 -0
  91. package/styles/rich-text-editor/fabric-dark.css +20 -12
  92. package/styles/rich-text-editor/fabric.css +20 -12
  93. package/styles/rich-text-editor/highcontrast-light.css +20 -12
  94. package/styles/rich-text-editor/highcontrast.css +19 -18
  95. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +1 -1
  96. package/styles/rich-text-editor/icons/_bootstrap.scss +1 -1
  97. package/styles/rich-text-editor/icons/_bootstrap4.scss +1 -1
  98. package/styles/rich-text-editor/icons/_bootstrap5-dark.scss +1 -0
  99. package/styles/rich-text-editor/icons/_bootstrap5.scss +303 -0
  100. package/styles/rich-text-editor/icons/_fabric-dark.scss +1 -1
  101. package/styles/rich-text-editor/icons/_fabric.scss +1 -1
  102. package/styles/rich-text-editor/icons/_highcontrast-light.scss +1 -1
  103. package/styles/rich-text-editor/icons/_highcontrast.scss +1 -1
  104. package/styles/rich-text-editor/icons/_material-dark.scss +1 -1
  105. package/styles/rich-text-editor/icons/_material.scss +1 -1
  106. package/styles/rich-text-editor/icons/_tailwind-dark.scss +1 -304
  107. package/styles/rich-text-editor/icons/_tailwind.scss +2 -2
  108. package/styles/rich-text-editor/material-dark.css +22 -14
  109. package/styles/rich-text-editor/material.css +19 -11
  110. package/styles/rich-text-editor/tailwind-dark.css +51 -20
  111. package/styles/rich-text-editor/tailwind.css +49 -18
  112. package/styles/tailwind-dark.css +51 -20
  113. package/styles/tailwind.css +49 -18
package/styles/rich-text-editor/_theme.scss CHANGED
@@ -9,6 +9,18 @@
9
9
 
10
10
  .e-toolbar-item {
11
11
 
12
+ @if $skin-name != 'highcontrast' {
13
+ &.e-overlay .e-tbar-btn .e-icons {
14
+ color: $rte-ext-tbar-overlay-icons-color;
15
+ }
16
+ }
17
+
18
+ @if $skin-name == 'bootstrap5' {
19
+ .e-tbar-btn:focus .e-icons {
20
+ color: $rte-quick-item-active-font-color;
21
+ }
22
+ }
23
+
12
24
  &.e-active .e-tbar-btn,
13
25
  &.e-active .e-tbar-btn:focus {
14
26
  background: $rte-tb-item-active-bg;
@@ -24,6 +36,16 @@
24
36
  color: $rte-icons-color;
25
37
  }
26
38
 
39
+ @if $skin-name == 'bootstrap5' {
40
+ .e-tbar-btn:hover .e-icons {
41
+ color: $rte-tb-hover-font-color;
42
+ }
43
+
44
+ .e-tbar-btn:focus .e-icons {
45
+ color: $primary-text-focus;
46
+ }
47
+ }
48
+
27
49
  .e-dropdown-btn.e-active {
28
50
  background: $rte-drop-btn-active-bg;
29
51
  border-color: $rte-drop-btn-active-border-color;
@@ -34,6 +56,12 @@
34
56
  }
35
57
  }
36
58
 
59
+ @if $skin-name == 'bootstrap5' {
60
+ .e-tbar-btn:hover .e-rte-dropdown-btn-text {
61
+ color: $rte-tb-hover-font-color;
62
+ }
63
+ }
64
+
37
65
  & .e-rte-backgroundcolor-dropdown,
38
66
  & .e-rte-fontcolor-dropdown,
39
67
  & .e-rte-numberformatlist-dropdown,
@@ -49,6 +77,12 @@
49
77
  color: $rte-split-btn-color;
50
78
  }
51
79
 
80
+ @if $skin-name == 'bootstrap5' {
81
+ .e-icons {
82
+ color: $rte-tb-hover-font-color;
83
+ }
84
+ }
85
+
52
86
  .e-caret:active.e-icons,
53
87
  .e-rte-color-content:active .e-icons,
54
88
  .e-rte-list-primary-content:active .e-icons {
@@ -123,13 +157,22 @@
123
157
  color: $rte-tb-active-font-color;
124
158
  }
125
159
 
126
- .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
127
- color: $rte-ext-tbar-overlay-icons-color;
160
+ @if $skin-name != 'highcontrast' {
161
+ .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
162
+ color: $rte-ext-tbar-overlay-icons-color;
163
+ }
128
164
  }
129
165
 
130
166
  .e-toolbar-item .e-dropdown-btn.e-active {
131
167
  background: $rte-drop-btn-active-bg;
132
168
  }
169
+
170
+ @if $skin-name == 'bootstrap5' {
171
+ .e-toolbar-item .e-tbar-btn:focus,
172
+ .e-toolbar-item .e-tbar-btn:hover {
173
+ border-radius: 4px;
174
+ }
175
+ }
133
176
  }
134
177
 
135
178
  &.e-rte-tb-float {
@@ -223,6 +266,10 @@
223
266
  .e-toolbar-extended {
224
267
  border: 0;
225
268
  border-bottom: 0;
269
+
270
+ &.e-popup-open {
271
+ border-bottom: 0;
272
+ }
226
273
  }
227
274
 
228
275
  &.e-expand-open + .e-rte-content {
@@ -318,6 +365,16 @@
318
365
  .e-icons {
319
366
  color: $rte-icons-color;
320
367
  }
368
+
369
+ @if $skin-name == 'bootstrap5' {
370
+ .e-tbar-btn:hover .e-icons {
371
+ color: $rte-tb-hover-font-color;
372
+ }
373
+
374
+ .e-tbar-btn:focus .e-icons {
375
+ color: $primary-text-focus;
376
+ }
377
+ }
321
378
  }
322
379
 
323
380
  .e-toolbar-extended {
@@ -445,6 +502,12 @@
445
502
  color: $rte-item-color;
446
503
  }
447
504
 
505
+ @if $skin-name == 'bootstrap5' {
506
+ .e-rte-table-popup.e-popup.e-popup-open {
507
+ background-color: $rte-table-popup-bg;
508
+ }
509
+ }
510
+
448
511
  .e-rte-table-popup .e-span-border {
449
512
  border: 1px solid $rte-border-color;
450
513
  display: block;
@@ -470,6 +533,9 @@
470
533
 
471
534
  .e-rte-table.e-alternate-border tbody tr:nth-child(2n) {
472
535
  background-color: $rte-table-alternate-color;
536
+ @if $skin-name == 'highcontrast' {
537
+ color: $rte-img-popup-color;
538
+ }
473
539
  }
474
540
 
475
541
  .e-rte-table th {
@@ -508,7 +574,7 @@
508
574
  }
509
575
  }
510
576
 
511
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
577
+ @if $skin-name == 'tailwind' {
512
578
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended {
513
579
  background: $rte-extended-toolbar-background;
514
580
  }
@@ -516,11 +582,45 @@
516
582
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
517
583
  color: $rte-icons-color;
518
584
  }
585
+
586
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
587
+ border-radius: 4px;
588
+ }
589
+
590
+ .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
591
+ background: $rte-tb-hover-bg-color;
592
+ border: 1px solid $rte-quick-item-hover-border-color;
593
+ }
594
+
595
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
596
+ background: $rte-tb-hover-bg-color;
597
+ border: 1px solid $rte-quick-item-hover-border-color;
598
+ }
599
+ }
600
+
601
+ @if $skin-name == 'bootstrap5' {
602
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
603
+ background: $rte-tb-item-active-bg;
604
+ border-radius: 4px;
605
+ }
606
+
607
+ .e-richtexteditor .e-toolbar .e-insert-table-btn.e-btn:hover .e-icons {
608
+ color: $rte-tb-hover-font-color;
609
+ }
519
610
  }
520
611
 
521
612
  // Blazor styles start
522
613
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
523
614
  border-bottom: 0;
524
615
  }
616
+
617
+ @if $skin-name == 'bootstrap5' {
618
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-icons,
619
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-rte-dropdown-btn-text,
620
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:focus .e-rte-dropdown-btn-text,
621
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icon-button:focus .e-icons {
622
+ color: $rte-quick-item-active-font-color;
623
+ }
624
+ }
525
625
  // Blazor styles end
526
626
  }
package/styles/rich-text-editor/bootstrap-dark.css CHANGED
@@ -196,8 +196,8 @@
196
196
  content: '\e33c';
197
197
  }
198
198
 
199
- .e-rte-toolbar .e-dimension::before,
200
- .e-rte-dropdown-popup .e-dimension::before {
199
+ .e-rte-toolbar .e-img-dimension::before,
200
+ .e-rte-dropdown-popup .e-img-dimension::before {
201
201
  content: '\e336';
202
202
  }
203
203
 
@@ -663,15 +663,15 @@
663
663
  font-size: 13px;
664
664
  }
665
665
 
666
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
667
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
668
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
669
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
670
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
671
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
672
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
673
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before {
674
- font-size: 14px;
666
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
667
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
668
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
669
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
670
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
671
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
672
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
673
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content {
674
+ line-height: 1;
675
675
  }
676
676
 
677
677
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color.e-icons::before,
@@ -1884,7 +1884,7 @@
1884
1884
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
1885
1885
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list,
1886
1886
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list {
1887
- line-height: 25px;
1887
+ line-height: 30px;
1888
1888
  }
1889
1889
 
1890
1890
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content::after,
@@ -2384,6 +2384,11 @@
2384
2384
  padding: 0;
2385
2385
  }
2386
2386
 
2387
+ .e-rte-quick-toolbar.e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
2388
+ padding-left: 0;
2389
+ padding-right: 0;
2390
+ }
2391
+
2387
2392
  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2388
2393
  margin: 1px;
2389
2394
  }
@@ -2394,6 +2399,10 @@
2394
2399
  border-bottom: 0;
2395
2400
  }
2396
2401
 
2402
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2403
+ color: #f0f0f0;
2404
+ }
2405
+
2397
2406
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn,
2398
2407
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2399
2408
  background: rgba(26, 26, 26, 0.12);
@@ -2658,6 +2667,10 @@
2658
2667
  border-bottom: 0;
2659
2668
  }
2660
2669
 
2670
+ .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended.e-popup-open {
2671
+ border-bottom: 0;
2672
+ }
2673
+
2661
2674
  .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar.e-expand-open + .e-rte-content {
2662
2675
  border-top: 0;
2663
2676
  }
package/styles/rich-text-editor/bootstrap.css CHANGED
@@ -342,8 +342,8 @@
342
342
  content: '\e33c';
343
343
  }
344
344
 
345
- .e-rte-toolbar .e-dimension::before,
346
- .e-rte-dropdown-popup .e-dimension::before {
345
+ .e-rte-toolbar .e-img-dimension::before,
346
+ .e-rte-dropdown-popup .e-img-dimension::before {
347
347
  content: '\e336';
348
348
  }
349
349
 
@@ -809,15 +809,15 @@
809
809
  font-size: 13px;
810
810
  }
811
811
 
812
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
813
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
814
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
815
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
816
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
817
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
818
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
819
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before {
820
- font-size: 14px;
812
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
813
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
814
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
815
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
816
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
817
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
818
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
819
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content {
820
+ line-height: 1;
821
821
  }
822
822
 
823
823
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color.e-icons::before,
@@ -2030,7 +2030,7 @@
2030
2030
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
2031
2031
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list,
2032
2032
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list {
2033
- line-height: 25px;
2033
+ line-height: 30px;
2034
2034
  }
2035
2035
 
2036
2036
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content::after,
@@ -2530,6 +2530,11 @@
2530
2530
  padding: 0;
2531
2531
  }
2532
2532
 
2533
+ .e-rte-quick-toolbar.e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
2534
+ padding-left: 0;
2535
+ padding-right: 0;
2536
+ }
2537
+
2533
2538
  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2534
2539
  margin: 1px;
2535
2540
  }
@@ -2540,6 +2545,10 @@
2540
2545
  border-bottom: 0;
2541
2546
  }
2542
2547
 
2548
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2549
+ color: #000;
2550
+ }
2551
+
2543
2552
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn,
2544
2553
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2545
2554
  background: rgba(0, 0, 0, 0.12);
@@ -2804,6 +2813,10 @@
2804
2813
  border-bottom: 0;
2805
2814
  }
2806
2815
 
2816
+ .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended.e-popup-open {
2817
+ border-bottom: 0;
2818
+ }
2819
+
2807
2820
  .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar.e-expand-open + .e-rte-content {
2808
2821
  border-top: 0;
2809
2822
  }
package/styles/rich-text-editor/bootstrap4.css CHANGED
@@ -475,8 +475,8 @@
475
475
  content: '\e80b';
476
476
  }
477
477
 
478
- .e-rte-toolbar .e-dimension::before,
479
- .e-rte-dropdown-popup .e-dimension::before {
478
+ .e-rte-toolbar .e-img-dimension::before,
479
+ .e-rte-dropdown-popup .e-img-dimension::before {
480
480
  content: '\e791';
481
481
  }
482
482
 
@@ -942,15 +942,15 @@
942
942
  font-size: 13px;
943
943
  }
944
944
 
945
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
946
- .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
947
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
948
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
949
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
950
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before,
951
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-order-list.e-icons::before,
952
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-unorder-list.e-icons::before {
953
- font-size: 14px;
945
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
946
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
947
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
948
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
949
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
950
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
951
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
952
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content {
953
+ line-height: 1;
954
954
  }
955
955
 
956
956
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color.e-icons::before,
@@ -2163,7 +2163,7 @@
2163
2163
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
2164
2164
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list,
2165
2165
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list {
2166
- line-height: 30px;
2166
+ line-height: 28px;
2167
2167
  }
2168
2168
 
2169
2169
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content::after,
@@ -2418,7 +2418,7 @@
2418
2418
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
2419
2419
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list,
2420
2420
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list {
2421
- line-height: 32px;
2421
+ line-height: 36px;
2422
2422
  }
2423
2423
 
2424
2424
  .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item button.e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon,
@@ -2673,6 +2673,10 @@
2673
2673
  border-bottom: 0;
2674
2674
  }
2675
2675
 
2676
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2677
+ color: rgba(108, 117, 125, 0.3);
2678
+ }
2679
+
2676
2680
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn,
2677
2681
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2678
2682
  background: #6c757d;
@@ -2937,6 +2941,10 @@
2937
2941
  border-bottom: 0;
2938
2942
  }
2939
2943
 
2944
+ .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended.e-popup-open {
2945
+ border-bottom: 0;
2946
+ }
2947
+
2940
2948
  .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar.e-expand-open + .e-rte-content {
2941
2949
  border-top: 0;
2942
2950
  }