@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
package/styles/bootstrap-dark.css CHANGED
@@ -451,8 +451,8 @@
451
451
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:hover,
452
452
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:focus,
453
453
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:active {
454
- padding-left: 11px;
455
- padding-right: 6px;
454
+ padding-left: 12px;
455
+ padding-right: 7px;
456
456
  }
457
457
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
458
458
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
@@ -462,7 +462,7 @@
462
462
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
463
463
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
464
464
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
465
- padding: 0 6px;
465
+ padding: 0 7px;
466
466
  }
467
467
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
468
468
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
@@ -533,6 +533,14 @@
533
533
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
534
534
  font-size: 16px;
535
535
  }
536
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
537
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
538
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
539
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
540
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
541
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
542
+ top: -120px;
543
+ }
536
544
 
537
545
  .e-richtexteditor {
538
546
  color: #f0f0f0;
@@ -690,8 +698,8 @@
690
698
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:hover,
691
699
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:focus,
692
700
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:active {
693
- padding-left: 8px;
694
- padding-right: 2.5px;
701
+ padding-left: 9px;
702
+ padding-right: 3.5px;
695
703
  }
696
704
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
697
705
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
@@ -736,7 +744,7 @@
736
744
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
737
745
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
738
746
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
739
- padding: 0 1.5px;
747
+ padding: 0 2.5px;
740
748
  }
741
749
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
742
750
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
@@ -1172,6 +1180,8 @@
1172
1180
  .e-rte-image.e-imginline,
1173
1181
  .e-rte-audio.e-audio-inline,
1174
1182
  .e-rte-video.e-video-inline {
1183
+ margin-left: 5px;
1184
+ margin-right: 5px;
1175
1185
  display: inline-block;
1176
1186
  float: none;
1177
1187
  max-width: calc(100% - 10px);
@@ -1229,19 +1239,19 @@
1229
1239
  }
1230
1240
 
1231
1241
  .e-rte-img-caption.e-imgcenter {
1232
- display: block;
1242
+ display: contents;
1233
1243
  margin-left: auto;
1234
1244
  margin-right: auto;
1235
1245
  }
1236
1246
 
1237
1247
  .e-rte-img-caption.e-imgright {
1238
- display: block;
1248
+ display: contents;
1239
1249
  margin-left: auto;
1240
1250
  margin-right: 0;
1241
1251
  }
1242
1252
 
1243
1253
  .e-rte-img-caption.e-imgleft {
1244
- display: block;
1254
+ display: contents;
1245
1255
  margin-left: 0;
1246
1256
  margin-right: auto;
1247
1257
  }
@@ -1258,7 +1268,7 @@
1258
1268
  }
1259
1269
 
1260
1270
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1261
- display: block;
1271
+ display: contents;
1262
1272
  }
1263
1273
 
1264
1274
  .e-rte-table {
@@ -1443,13 +1453,13 @@
1443
1453
  margin: 0 auto;
1444
1454
  padding: 0 18px;
1445
1455
  position: relative;
1446
- top: -50px;
1456
+ top: -120px;
1447
1457
  }
1448
1458
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1449
1459
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1450
1460
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1451
1461
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1452
- top: -130px;
1462
+ top: -120px;
1453
1463
  }
1454
1464
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1455
1465
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1766,6 +1776,14 @@
1766
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1767
1777
  min-height: 48px;
1768
1778
  }
1779
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1781
+ height: 30px;
1782
+ }
1783
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1784
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1785
+ height: 30px;
1786
+ }
1769
1787
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1770
1788
  margin: 0 6px;
1771
1789
  min-height: 48px;
@@ -1967,8 +1985,8 @@
1967
1985
  .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:active,
1968
1986
  .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,
1969
1987
  .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:hover {
1970
- padding-left: 0;
1971
- padding-right: 0;
1988
+ padding-left: 1px;
1989
+ padding-right: 1px;
1972
1990
  }
1973
1991
  .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,
1974
1992
  .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-list-primary-content,
@@ -2223,8 +2241,8 @@
2223
2241
  .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:hover,
2224
2242
  .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:focus,
2225
2243
  .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:active {
2226
- padding-left: 0;
2227
- padding-right: 0;
2244
+ padding-left: 1px;
2245
+ padding-right: 1px;
2228
2246
  }
2229
2247
  .e-bigger .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-list-primary-content .e-order-list, .e-bigger .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-active .e-rte-list-primary-content .e-order-list,
2230
2248
  .e-bigger .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-list-primary-content .e-unorder-list, .e-bigger .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-active .e-rte-list-primary-content .e-unorder-list,
@@ -2606,7 +2624,7 @@
2606
2624
  margin: 0 auto;
2607
2625
  padding: 0 18px;
2608
2626
  position: relative;
2609
- top: -50px;
2627
+ top: -120px;
2610
2628
  }
2611
2629
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2612
2630
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2713,9 +2731,6 @@
2713
2731
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2714
2732
  color: #f0f0f0;
2715
2733
  }
2716
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2717
- color: #f0f0f0;
2718
- }
2719
2734
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2720
2735
  color: #f0f0f0;
2721
2736
  }
@@ -2898,6 +2913,20 @@
2898
2913
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2899
2914
  background: #313131;
2900
2915
  }
2916
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2917
+ padding-top: 1px;
2918
+ padding-top: 5px;
2919
+ height: 30px;
2920
+ }
2921
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2922
+ background: #313131;
2923
+ }
2924
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2925
+ background: #313131;
2926
+ }
2927
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2928
+ background: #131313;
2929
+ }
2901
2930
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2902
2931
  border: 0.5px solid rgba(26, 26, 26, 0.05);
2903
2932
  }
@@ -2955,14 +2984,20 @@
2955
2984
  display: block;
2956
2985
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2957
2986
  font-size: 14px;
2958
- height: 185px;
2987
+ height: 128px;
2959
2988
  margin: 0 auto;
2960
2989
  text-align: center;
2961
2990
  width: auto;
2962
2991
  }
2963
2992
 
2964
2993
  .e-dialog .e-vid-uploadwrap .e-droptext {
2965
- height: 108px;
2994
+ height: 128px;
2995
+ }
2996
+
2997
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2998
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2999
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3000
+ height: 140px;
2966
3001
  }
2967
3002
 
2968
3003
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/bootstrap.css CHANGED
@@ -1,8 +1,8 @@
1
1
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
2
2
  background: #e6e6e6;
3
- border: 1px solid #8c8c8c;
4
- padding-left: 8px;
5
- padding-right: 2.5px;
3
+ border: 0;
4
+ padding-left: 9px;
5
+ padding-right: 3.5px;
6
6
  }
7
7
 
8
8
  .e-bigger .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {
@@ -592,8 +592,8 @@
592
592
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:hover,
593
593
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:focus,
594
594
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:active {
595
- padding-left: 11px;
596
- padding-right: 6px;
595
+ padding-left: 12px;
596
+ padding-right: 7px;
597
597
  }
598
598
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
599
599
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
@@ -603,7 +603,7 @@
603
603
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
604
604
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
605
605
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
606
- padding: 0 6px;
606
+ padding: 0 7px;
607
607
  }
608
608
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
609
609
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
@@ -674,6 +674,14 @@
674
674
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
675
675
  font-size: 16px;
676
676
  }
677
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
678
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
679
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
680
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
681
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
682
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
683
+ top: -120px;
684
+ }
677
685
 
678
686
  .e-richtexteditor {
679
687
  color: #333;
@@ -831,8 +839,8 @@
831
839
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:hover,
832
840
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:focus,
833
841
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:active {
834
- padding-left: 8px;
835
- padding-right: 2.5px;
842
+ padding-left: 9px;
843
+ padding-right: 3.5px;
836
844
  }
837
845
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
838
846
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
@@ -877,7 +885,7 @@
877
885
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
878
886
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
879
887
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
880
- padding: 0 1.5px;
888
+ padding: 0 2.5px;
881
889
  }
882
890
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
883
891
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
@@ -1313,6 +1321,8 @@
1313
1321
  .e-rte-image.e-imginline,
1314
1322
  .e-rte-audio.e-audio-inline,
1315
1323
  .e-rte-video.e-video-inline {
1324
+ margin-left: 5px;
1325
+ margin-right: 5px;
1316
1326
  display: inline-block;
1317
1327
  float: none;
1318
1328
  max-width: calc(100% - 10px);
@@ -1370,19 +1380,19 @@
1370
1380
  }
1371
1381
 
1372
1382
  .e-rte-img-caption.e-imgcenter {
1373
- display: block;
1383
+ display: contents;
1374
1384
  margin-left: auto;
1375
1385
  margin-right: auto;
1376
1386
  }
1377
1387
 
1378
1388
  .e-rte-img-caption.e-imgright {
1379
- display: block;
1389
+ display: contents;
1380
1390
  margin-left: auto;
1381
1391
  margin-right: 0;
1382
1392
  }
1383
1393
 
1384
1394
  .e-rte-img-caption.e-imgleft {
1385
- display: block;
1395
+ display: contents;
1386
1396
  margin-left: 0;
1387
1397
  margin-right: auto;
1388
1398
  }
@@ -1399,7 +1409,7 @@
1399
1409
  }
1400
1410
 
1401
1411
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1402
- display: block;
1412
+ display: contents;
1403
1413
  }
1404
1414
 
1405
1415
  .e-rte-table {
@@ -1584,13 +1594,13 @@
1584
1594
  margin: 0 auto;
1585
1595
  padding: 0 18px;
1586
1596
  position: relative;
1587
- top: -50px;
1597
+ top: -120px;
1588
1598
  }
1589
1599
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1590
1600
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1591
1601
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1592
1602
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1593
- top: -130px;
1603
+ top: -120px;
1594
1604
  }
1595
1605
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1596
1606
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1912,6 +1922,14 @@
1912
1922
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1913
1923
  min-height: 48px;
1914
1924
  }
1925
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1926
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1927
+ height: 33px;
1928
+ }
1929
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1930
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1931
+ height: 33px;
1932
+ }
1915
1933
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1916
1934
  margin: 0 6px;
1917
1935
  min-height: 48px;
@@ -2113,8 +2131,8 @@
2113
2131
  .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:active,
2114
2132
  .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,
2115
2133
  .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:hover {
2116
- padding-left: 0;
2117
- padding-right: 0;
2134
+ padding-left: 1px;
2135
+ padding-right: 1px;
2118
2136
  }
2119
2137
  .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,
2120
2138
  .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-list-primary-content,
@@ -2369,8 +2387,8 @@
2369
2387
  .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:hover,
2370
2388
  .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:focus,
2371
2389
  .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:active {
2372
- padding-left: 0;
2373
- padding-right: 0;
2390
+ padding-left: 1px;
2391
+ padding-right: 1px;
2374
2392
  }
2375
2393
  .e-bigger .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-list-primary-content .e-order-list, .e-bigger .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-active .e-rte-list-primary-content .e-order-list,
2376
2394
  .e-bigger .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-list-primary-content .e-unorder-list, .e-bigger .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-active .e-rte-list-primary-content .e-unorder-list,
@@ -2752,7 +2770,7 @@
2752
2770
  margin: 0 auto;
2753
2771
  padding: 0 18px;
2754
2772
  position: relative;
2755
- top: -50px;
2773
+ top: -120px;
2756
2774
  }
2757
2775
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2758
2776
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2774,7 +2792,7 @@
2774
2792
  }
2775
2793
  .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 {
2776
2794
  background: rgba(0, 0, 0, 0.12);
2777
- border: 1px solid #8c8c8c;
2795
+ border: 0;
2778
2796
  }
2779
2797
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
2780
2798
  color: #000;
@@ -2842,7 +2860,7 @@
2842
2860
  }
2843
2861
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-active {
2844
2862
  background: #e6e6e6;
2845
- border: 1px solid #adadad;
2863
+ border: 0 solid #adadad;
2846
2864
  }
2847
2865
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-active .e-rte-color-content::after {
2848
2866
  background: #adadad;
@@ -2859,9 +2877,6 @@
2859
2877
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2860
2878
  color: #000;
2861
2879
  }
2862
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2863
- color: #000;
2864
- }
2865
2880
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2866
2881
  color: #000;
2867
2882
  }
@@ -3044,12 +3059,23 @@
3044
3059
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
3045
3060
  background: #fff;
3046
3061
  }
3062
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3063
+ padding-top: 1px;
3064
+ padding-top: 5px;
3065
+ height: 30px;
3066
+ }
3067
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
3068
+ background: rgba(0, 0, 0, 0.12);
3069
+ }
3070
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
3071
+ background: rgba(0, 0, 0, 0.12);
3072
+ }
3047
3073
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
3048
3074
  border: 0.5px solid rgba(0, 0, 0, 0.05);
3049
3075
  }
3050
3076
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn {
3051
3077
  background: #fff;
3052
- border: 1px solid transparent;
3078
+ border: 0 solid transparent;
3053
3079
  }
3054
3080
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn:hover {
3055
3081
  background: rgba(0, 0, 0, 0.12);
@@ -3068,7 +3094,7 @@
3068
3094
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn,
3069
3095
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus {
3070
3096
  background: rgba(0, 0, 0, 0.12);
3071
- border: 1px solid #8c8c8c;
3097
+ border: 0;
3072
3098
  }
3073
3099
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
3074
3100
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -3101,14 +3127,20 @@
3101
3127
  display: block;
3102
3128
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3103
3129
  font-size: 14px;
3104
- height: 185px;
3130
+ height: 128px;
3105
3131
  margin: 0 auto;
3106
3132
  text-align: center;
3107
3133
  width: auto;
3108
3134
  }
3109
3135
 
3110
3136
  .e-dialog .e-vid-uploadwrap .e-droptext {
3111
- height: 108px;
3137
+ height: 128px;
3138
+ }
3139
+
3140
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3141
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3142
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3143
+ height: 140px;
3112
3144
  }
3113
3145
 
3114
3146
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/bootstrap4.css CHANGED
@@ -769,6 +769,14 @@
769
769
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
770
770
  font-size: 16px;
771
771
  }
772
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
773
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
774
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
775
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
776
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
777
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
778
+ top: -120px;
779
+ }
772
780
 
773
781
  .e-richtexteditor {
774
782
  color: #212529;
@@ -908,7 +916,7 @@
908
916
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text,
909
917
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text,
910
918
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text {
911
- font-size: inherit;
919
+ font-size: 14px;
912
920
  font-weight: normal;
913
921
  overflow: hidden;
914
922
  text-overflow: ellipsis;
@@ -1408,6 +1416,8 @@
1408
1416
  .e-rte-image.e-imginline,
1409
1417
  .e-rte-audio.e-audio-inline,
1410
1418
  .e-rte-video.e-video-inline {
1419
+ margin-left: 5px;
1420
+ margin-right: 5px;
1411
1421
  display: inline-block;
1412
1422
  float: none;
1413
1423
  max-width: calc(100% - 10px);
@@ -1465,19 +1475,19 @@
1465
1475
  }
1466
1476
 
1467
1477
  .e-rte-img-caption.e-imgcenter {
1468
- display: block;
1478
+ display: contents;
1469
1479
  margin-left: auto;
1470
1480
  margin-right: auto;
1471
1481
  }
1472
1482
 
1473
1483
  .e-rte-img-caption.e-imgright {
1474
- display: block;
1484
+ display: contents;
1475
1485
  margin-left: auto;
1476
1486
  margin-right: 0;
1477
1487
  }
1478
1488
 
1479
1489
  .e-rte-img-caption.e-imgleft {
1480
- display: block;
1490
+ display: contents;
1481
1491
  margin-left: 0;
1482
1492
  margin-right: auto;
1483
1493
  }
@@ -1494,7 +1504,7 @@
1494
1504
  }
1495
1505
 
1496
1506
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1497
- display: block;
1507
+ display: contents;
1498
1508
  }
1499
1509
 
1500
1510
  .e-rte-table {
@@ -1679,13 +1689,13 @@
1679
1689
  margin: 0 auto;
1680
1690
  padding: 0 18px;
1681
1691
  position: relative;
1682
- top: -50px;
1692
+ top: -120px;
1683
1693
  }
1684
1694
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1685
1695
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1686
1696
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1687
1697
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1688
- top: -130px;
1698
+ top: -120px;
1689
1699
  }
1690
1700
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1691
1701
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1756,7 +1766,7 @@
1756
1766
  min-width: 120px;
1757
1767
  overflow: hidden;
1758
1768
  padding: 10px;
1759
- border: rgba(0, 0, 0, 0.2);
1769
+ border: 1px solid rgba(0, 0, 0, 0.2);
1760
1770
  }
1761
1771
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1762
1772
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
@@ -2002,6 +2012,14 @@
2002
2012
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
2003
2013
  min-height: 48px;
2004
2014
  }
2015
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
2016
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
2017
+ height: 36px;
2018
+ }
2019
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
2020
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2021
+ height: 36px;
2022
+ }
2005
2023
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
2006
2024
  margin: 0 6px;
2007
2025
  min-height: 48px;
@@ -2834,7 +2852,7 @@
2834
2852
  margin: 0 auto;
2835
2853
  padding: 0 18px;
2836
2854
  position: relative;
2837
- top: -50px;
2855
+ top: -120px;
2838
2856
  }
2839
2857
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2840
2858
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2859,7 +2877,7 @@
2859
2877
  border: 1px solid #4e555b;
2860
2878
  }
2861
2879
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
2862
- color: #212529;
2880
+ color: #f8f9fa;
2863
2881
  }
2864
2882
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
2865
2883
  color: #212529;
@@ -2941,11 +2959,8 @@
2941
2959
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2942
2960
  color: #212529;
2943
2961
  }
2944
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2945
- color: #212529;
2946
- }
2947
2962
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2948
- color: #212529;
2963
+ color: #f8f9fa;
2949
2964
  }
2950
2965
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2951
2966
  color: rgba(108, 117, 125, 0.3);
@@ -3126,6 +3141,16 @@
3126
3141
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
3127
3142
  background: #fff;
3128
3143
  }
3144
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3145
+ padding-top: 1px;
3146
+ height: 30px;
3147
+ }
3148
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
3149
+ background: #5a6268;
3150
+ }
3151
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
3152
+ background: #5a6268;
3153
+ }
3129
3154
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
3130
3155
  border: 0.5px solid #dee2e6;
3131
3156
  }
@@ -3154,7 +3179,7 @@
3154
3179
  }
3155
3180
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
3156
3181
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
3157
- color: #212529;
3182
+ color: #f8f9fa;
3158
3183
  }
3159
3184
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
3160
3185
  color: #212529;
@@ -3183,14 +3208,20 @@
3183
3208
  display: block;
3184
3209
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3185
3210
  font-size: 14px;
3186
- height: 185px;
3211
+ height: 128px;
3187
3212
  margin: 0 auto;
3188
3213
  text-align: center;
3189
3214
  width: auto;
3190
3215
  }
3191
3216
 
3192
3217
  .e-dialog .e-vid-uploadwrap .e-droptext {
3193
- height: 108px;
3218
+ height: 128px;
3219
+ }
3220
+
3221
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3222
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3223
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3224
+ height: 140px;
3194
3225
  }
3195
3226
 
3196
3227
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,