@syncfusion/ej2-richtexteditor 24.2.4 → 24.2.8

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 (100) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  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 +669 -272
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +662 -269
  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/util.js +4 -1
  14. package/src/editor-manager/plugin/dom-node.js +3 -1
  15. package/src/editor-manager/plugin/format-painter-actions.d.ts +1 -0
  16. package/src/editor-manager/plugin/format-painter-actions.js +18 -0
  17. package/src/editor-manager/plugin/formats.d.ts +1 -0
  18. package/src/editor-manager/plugin/formats.js +37 -2
  19. package/src/editor-manager/plugin/inserthtml.js +15 -2
  20. package/src/editor-manager/plugin/lists.js +85 -63
  21. package/src/editor-manager/plugin/ms-word-clean-up.js +87 -18
  22. package/src/editor-manager/plugin/nodecutter.js +1 -1
  23. package/src/editor-manager/plugin/selection-commands.d.ts +1 -0
  24. package/src/editor-manager/plugin/selection-commands.js +56 -1
  25. package/src/editor-manager/plugin/table.js +1 -1
  26. package/src/rich-text-editor/actions/base-quick-toolbar.js +4 -4
  27. package/src/rich-text-editor/actions/color-picker.d.ts +1 -0
  28. package/src/rich-text-editor/actions/color-picker.js +10 -0
  29. package/src/rich-text-editor/actions/enter-key.js +2 -2
  30. package/src/rich-text-editor/actions/html-editor.js +25 -12
  31. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  32. package/src/rich-text-editor/actions/paste-clean-up.js +26 -5
  33. package/src/rich-text-editor/actions/toolbar-action.js +1 -1
  34. package/src/rich-text-editor/actions/toolbar.js +4 -1
  35. package/src/rich-text-editor/base/constant.d.ts +5 -0
  36. package/src/rich-text-editor/base/constant.js +5 -0
  37. package/src/rich-text-editor/base/interface.d.ts +0 -8
  38. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +1 -1
  39. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -1
  40. package/src/rich-text-editor/base/rich-text-editor.js +33 -7
  41. package/src/rich-text-editor/base/util.js +3 -0
  42. package/src/rich-text-editor/models/default-locale.js +3 -2
  43. package/src/rich-text-editor/renderer/dialog-renderer.js +5 -1
  44. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  45. package/src/rich-text-editor/renderer/image-module.js +31 -10
  46. package/src/rich-text-editor/renderer/table-module.d.ts +4 -1
  47. package/src/rich-text-editor/renderer/table-module.js +200 -131
  48. package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -13
  49. package/styles/bootstrap-dark.css +57 -22
  50. package/styles/bootstrap.css +61 -29
  51. package/styles/bootstrap4.css +48 -17
  52. package/styles/bootstrap5-dark.css +47 -18
  53. package/styles/bootstrap5.css +47 -18
  54. package/styles/fabric-dark.css +43 -12
  55. package/styles/fabric.css +43 -12
  56. package/styles/fluent-dark.css +51 -14
  57. package/styles/fluent.css +51 -14
  58. package/styles/highcontrast-light.css +43 -12
  59. package/styles/highcontrast.css +46 -12
  60. package/styles/material-dark.css +47 -12
  61. package/styles/material.css +47 -12
  62. package/styles/material3-dark.css +45 -14
  63. package/styles/material3.css +45 -14
  64. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +12 -10
  65. package/styles/rich-text-editor/_bootstrap-definition.scss +18 -16
  66. package/styles/rich-text-editor/_bootstrap4-definition.scss +8 -6
  67. package/styles/rich-text-editor/_bootstrap5-definition.scss +4 -2
  68. package/styles/rich-text-editor/_fabric-dark-definition.scss +4 -2
  69. package/styles/rich-text-editor/_fabric-definition.scss +4 -2
  70. package/styles/rich-text-editor/_fluent-definition.scss +5 -3
  71. package/styles/rich-text-editor/_fusionnew-definition.scss +4 -2
  72. package/styles/rich-text-editor/_highcontrast-definition.scss +4 -2
  73. package/styles/rich-text-editor/_highcontrast-light-definition.scss +4 -2
  74. package/styles/rich-text-editor/_layout.scss +46 -6
  75. package/styles/rich-text-editor/_material-dark-definition.scss +4 -2
  76. package/styles/rich-text-editor/_material-definition.scss +4 -2
  77. package/styles/rich-text-editor/_material3-definition.scss +6 -4
  78. package/styles/rich-text-editor/_tailwind-definition.scss +21 -19
  79. package/styles/rich-text-editor/_theme.scss +65 -16
  80. package/styles/rich-text-editor/bootstrap-dark.css +57 -22
  81. package/styles/rich-text-editor/bootstrap.css +61 -29
  82. package/styles/rich-text-editor/bootstrap4.css +48 -17
  83. package/styles/rich-text-editor/bootstrap5-dark.css +47 -18
  84. package/styles/rich-text-editor/bootstrap5.css +47 -18
  85. package/styles/rich-text-editor/fabric-dark.css +43 -12
  86. package/styles/rich-text-editor/fabric.css +43 -12
  87. package/styles/rich-text-editor/fluent-dark.css +51 -14
  88. package/styles/rich-text-editor/fluent.css +51 -14
  89. package/styles/rich-text-editor/highcontrast-light.css +43 -12
  90. package/styles/rich-text-editor/highcontrast.css +46 -12
  91. package/styles/rich-text-editor/material-dark.css +47 -12
  92. package/styles/rich-text-editor/material.css +47 -12
  93. package/styles/rich-text-editor/material3-dark.css +45 -14
  94. package/styles/rich-text-editor/material3.css +45 -14
  95. package/styles/rich-text-editor/tailwind-dark.css +98 -35
  96. package/styles/rich-text-editor/tailwind.css +98 -35
  97. package/styles/tailwind-dark.css +98 -35
  98. package/styles/tailwind.css +98 -35
  99. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -41
  100. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -27
@@ -525,6 +525,14 @@
525
525
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
526
526
  font-size: 16px;
527
527
  }
528
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
531
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
532
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
533
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
534
+ top: -120px;
535
+ }
528
536
 
529
537
  .e-richtexteditor {
530
538
  color: #f3f2f1;
@@ -1166,6 +1174,8 @@
1166
1174
  .e-rte-image.e-imginline,
1167
1175
  .e-rte-audio.e-audio-inline,
1168
1176
  .e-rte-video.e-video-inline {
1177
+ margin-left: 5px;
1178
+ margin-right: 5px;
1169
1179
  display: inline-block;
1170
1180
  float: none;
1171
1181
  max-width: calc(100% - 10px);
@@ -1223,19 +1233,19 @@
1223
1233
  }
1224
1234
 
1225
1235
  .e-rte-img-caption.e-imgcenter {
1226
- display: block;
1236
+ display: contents;
1227
1237
  margin-left: auto;
1228
1238
  margin-right: auto;
1229
1239
  }
1230
1240
 
1231
1241
  .e-rte-img-caption.e-imgright {
1232
- display: block;
1242
+ display: contents;
1233
1243
  margin-left: auto;
1234
1244
  margin-right: 0;
1235
1245
  }
1236
1246
 
1237
1247
  .e-rte-img-caption.e-imgleft {
1238
- display: block;
1248
+ display: contents;
1239
1249
  margin-left: 0;
1240
1250
  margin-right: auto;
1241
1251
  }
@@ -1252,7 +1262,7 @@
1252
1262
  }
1253
1263
 
1254
1264
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1255
- display: block;
1265
+ display: contents;
1256
1266
  }
1257
1267
 
1258
1268
  .e-rte-table {
@@ -1437,14 +1447,14 @@
1437
1447
  margin: 0 auto;
1438
1448
  padding: 0 18px;
1439
1449
  position: relative;
1440
- top: -50px;
1450
+ top: -120px;
1441
1451
  outline: none;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1445
1455
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1446
1456
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1447
- top: -130px;
1457
+ top: -120px;
1448
1458
  }
1449
1459
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1450
1460
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1763,6 +1773,14 @@
1763
1773
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1764
1774
  min-height: 48px;
1765
1775
  }
1776
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1778
+ height: 48px;
1779
+ }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1782
+ height: 48px;
1783
+ }
1766
1784
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1767
1785
  margin: 0 6px;
1768
1786
  min-height: 48px;
@@ -2634,7 +2652,7 @@
2634
2652
  margin: 0 auto;
2635
2653
  padding: 0 18px;
2636
2654
  position: relative;
2637
- top: -50px;
2655
+ top: -120px;
2638
2656
  outline: none;
2639
2657
  }
2640
2658
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
@@ -2653,7 +2671,7 @@
2653
2671
  border-bottom: 0;
2654
2672
  }
2655
2673
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2656
- color: #484644;
2674
+ color: #a19f9d;
2657
2675
  }
2658
2676
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2659
2677
  background: #3b3a39;
@@ -2742,14 +2760,11 @@
2742
2760
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2743
2761
  color: #a19f9d;
2744
2762
  }
2745
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2746
- color: #a19f9d;
2747
- }
2748
2763
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2749
2764
  color: #a19f9d;
2750
2765
  }
2751
2766
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2752
- color: #484644;
2767
+ color: #a19f9d;
2753
2768
  }
2754
2769
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-active {
2755
2770
  background: #3b3a39;
@@ -2927,6 +2942,22 @@
2927
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2928
2943
  background: #252423;
2929
2944
  }
2945
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2946
+ padding-top: 0;
2947
+ height: 40px;
2948
+ display: -ms-flexbox;
2949
+ display: flex;
2950
+ -ms-flex-align: center;
2951
+ align-items: center;
2952
+ -ms-flex-pack: center;
2953
+ justify-content: center;
2954
+ }
2955
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2956
+ background: #3b3a39;
2957
+ }
2958
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2959
+ background: #3b3a39;
2960
+ }
2930
2961
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2931
2962
  border: 0.5px solid #292827;
2932
2963
  }
@@ -2984,14 +3015,20 @@
2984
3015
  display: block;
2985
3016
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
2986
3017
  font-size: 14px;
2987
- height: 185px;
3018
+ height: 128px;
2988
3019
  margin: 0 auto;
2989
3020
  text-align: center;
2990
3021
  width: auto;
2991
3022
  }
2992
3023
 
2993
3024
  .e-dialog .e-vid-uploadwrap .e-droptext {
2994
- height: 108px;
3025
+ height: 128px;
3026
+ }
3027
+
3028
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3029
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3030
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3031
+ height: 140px;
2995
3032
  }
2996
3033
 
2997
3034
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/fluent.css CHANGED
@@ -525,6 +525,14 @@
525
525
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
526
526
  font-size: 16px;
527
527
  }
528
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
531
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
532
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
533
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
534
+ top: -120px;
535
+ }
528
536
 
529
537
  .e-richtexteditor {
530
538
  color: #201f1e;
@@ -1166,6 +1174,8 @@
1166
1174
  .e-rte-image.e-imginline,
1167
1175
  .e-rte-audio.e-audio-inline,
1168
1176
  .e-rte-video.e-video-inline {
1177
+ margin-left: 5px;
1178
+ margin-right: 5px;
1169
1179
  display: inline-block;
1170
1180
  float: none;
1171
1181
  max-width: calc(100% - 10px);
@@ -1223,19 +1233,19 @@
1223
1233
  }
1224
1234
 
1225
1235
  .e-rte-img-caption.e-imgcenter {
1226
- display: block;
1236
+ display: contents;
1227
1237
  margin-left: auto;
1228
1238
  margin-right: auto;
1229
1239
  }
1230
1240
 
1231
1241
  .e-rte-img-caption.e-imgright {
1232
- display: block;
1242
+ display: contents;
1233
1243
  margin-left: auto;
1234
1244
  margin-right: 0;
1235
1245
  }
1236
1246
 
1237
1247
  .e-rte-img-caption.e-imgleft {
1238
- display: block;
1248
+ display: contents;
1239
1249
  margin-left: 0;
1240
1250
  margin-right: auto;
1241
1251
  }
@@ -1252,7 +1262,7 @@
1252
1262
  }
1253
1263
 
1254
1264
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1255
- display: block;
1265
+ display: contents;
1256
1266
  }
1257
1267
 
1258
1268
  .e-rte-table {
@@ -1437,14 +1447,14 @@
1437
1447
  margin: 0 auto;
1438
1448
  padding: 0 18px;
1439
1449
  position: relative;
1440
- top: -50px;
1450
+ top: -120px;
1441
1451
  outline: none;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1445
1455
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1446
1456
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1447
- top: -130px;
1457
+ top: -120px;
1448
1458
  }
1449
1459
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1450
1460
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1763,6 +1773,14 @@
1763
1773
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1764
1774
  min-height: 48px;
1765
1775
  }
1776
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1778
+ height: 48px;
1779
+ }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1782
+ height: 48px;
1783
+ }
1766
1784
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1767
1785
  margin: 0 6px;
1768
1786
  min-height: 48px;
@@ -2634,7 +2652,7 @@
2634
2652
  margin: 0 auto;
2635
2653
  padding: 0 18px;
2636
2654
  position: relative;
2637
- top: -50px;
2655
+ top: -120px;
2638
2656
  outline: none;
2639
2657
  }
2640
2658
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
@@ -2653,7 +2671,7 @@
2653
2671
  border-bottom: 0;
2654
2672
  }
2655
2673
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2656
- color: #a19f9d;
2674
+ color: #605e5c;
2657
2675
  }
2658
2676
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2659
2677
  background: #d2d0ce;
@@ -2742,14 +2760,11 @@
2742
2760
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2743
2761
  color: #605e5c;
2744
2762
  }
2745
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2746
- color: #605e5c;
2747
- }
2748
2763
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2749
2764
  color: #605e5c;
2750
2765
  }
2751
2766
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2752
- color: #a19f9d;
2767
+ color: #605e5c;
2753
2768
  }
2754
2769
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-active {
2755
2770
  background: #d2d0ce;
@@ -2927,6 +2942,22 @@
2927
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2928
2943
  background: #f3f2f1;
2929
2944
  }
2945
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2946
+ padding-top: 0;
2947
+ height: 40px;
2948
+ display: -ms-flexbox;
2949
+ display: flex;
2950
+ -ms-flex-align: center;
2951
+ align-items: center;
2952
+ -ms-flex-pack: center;
2953
+ justify-content: center;
2954
+ }
2955
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2956
+ background: #d2d0ce;
2957
+ }
2958
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2959
+ background: #d2d0ce;
2960
+ }
2930
2961
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2931
2962
  border: 0.5px solid #edebe9;
2932
2963
  }
@@ -2984,14 +3015,20 @@
2984
3015
  display: block;
2985
3016
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
2986
3017
  font-size: 14px;
2987
- height: 185px;
3018
+ height: 128px;
2988
3019
  margin: 0 auto;
2989
3020
  text-align: center;
2990
3021
  width: auto;
2991
3022
  }
2992
3023
 
2993
3024
  .e-dialog .e-vid-uploadwrap .e-droptext {
2994
- height: 108px;
3025
+ height: 128px;
3026
+ }
3027
+
3028
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3029
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3030
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3031
+ height: 140px;
2995
3032
  }
2996
3033
 
2997
3034
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1755,6 +1765,14 @@
1755
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1756
1766
  min-height: 48px;
1757
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 30px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 30px;
1775
+ }
1758
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1759
1777
  margin: 0 6px;
1760
1778
  min-height: 48px;
@@ -2587,7 +2605,7 @@
2587
2605
  margin: 0 auto;
2588
2606
  padding: 0 18px;
2589
2607
  position: relative;
2590
- top: -50px;
2608
+ top: -120px;
2591
2609
  }
2592
2610
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2593
2611
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2694,9 +2712,6 @@
2694
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2695
2713
  color: #000;
2696
2714
  }
2697
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2698
- color: #000;
2699
- }
2700
2715
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2701
2716
  color: #fff;
2702
2717
  }
@@ -2879,6 +2894,16 @@
2879
2894
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2880
2895
  background: #fff;
2881
2896
  }
2897
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2898
+ padding-top: 1px;
2899
+ height: 30px;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2902
+ background: #ecf;
2903
+ }
2904
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2905
+ background: #ecf;
2906
+ }
2882
2907
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2883
2908
  border: 0.5px solid rgba(0, 0, 0, 0.05);
2884
2909
  }
@@ -2936,14 +2961,20 @@
2936
2961
  display: block;
2937
2962
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2938
2963
  font-size: 14px;
2939
- height: 185px;
2964
+ height: 128px;
2940
2965
  margin: 0 auto;
2941
2966
  text-align: center;
2942
2967
  width: auto;
2943
2968
  }
2944
2969
 
2945
2970
  .e-dialog .e-vid-uploadwrap .e-droptext {
2946
- height: 108px;
2971
+ height: 128px;
2972
+ }
2973
+
2974
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2975
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2976
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2977
+ height: 140px;
2947
2978
  }
2948
2979
 
2949
2980
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1755,6 +1765,14 @@
1755
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1756
1766
  min-height: 48px;
1757
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 45px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 45px;
1775
+ }
1758
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1759
1777
  margin: 0 6px;
1760
1778
  min-height: 48px;
@@ -2587,7 +2605,7 @@
2587
2605
  margin: 0 auto;
2588
2606
  padding: 0 18px;
2589
2607
  position: relative;
2590
- top: -50px;
2608
+ top: -120px;
2591
2609
  }
2592
2610
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2593
2611
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2691,9 +2709,6 @@
2691
2709
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2692
2710
  color: #fff;
2693
2711
  }
2694
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2695
- color: #fff;
2696
- }
2697
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2698
2713
  color: #000;
2699
2714
  }
@@ -2873,6 +2888,19 @@
2873
2888
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2874
2889
  background: #000;
2875
2890
  }
2891
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2892
+ padding-top: 0;
2893
+ height: 36px;
2894
+ }
2895
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2896
+ background: #685708;
2897
+ }
2898
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2899
+ background: #685708;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2902
+ background: inherit;
2903
+ }
2876
2904
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2877
2905
  border: 0.5px solid rgba(255, 255, 255, 0.05);
2878
2906
  }
@@ -2931,14 +2959,20 @@
2931
2959
  display: block;
2932
2960
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2933
2961
  font-size: 14px;
2934
- height: 185px;
2962
+ height: 128px;
2935
2963
  margin: 0 auto;
2936
2964
  text-align: center;
2937
2965
  width: auto;
2938
2966
  }
2939
2967
 
2940
2968
  .e-dialog .e-vid-uploadwrap .e-droptext {
2941
- height: 108px;
2969
+ height: 128px;
2970
+ }
2971
+
2972
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2973
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2974
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2975
+ height: 140px;
2942
2976
  }
2943
2977
 
2944
2978
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,