@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

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 (54) hide show
  1. package/CHANGELOG.md +134 -90
  2. package/dist/ej2-vue-documenteditor.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-documenteditor.es2015.js +4 -2
  4. package/dist/es6/ej2-vue-documenteditor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-documenteditor.es5.js +4 -2
  6. package/dist/es6/ej2-vue-documenteditor.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/document-editor/documenteditor.component.js +2 -1
  10. package/src/document-editor-container/documenteditorcontainer.component.js +2 -1
  11. package/styles/bootstrap-dark.css +284 -302
  12. package/styles/bootstrap.css +30 -110
  13. package/styles/bootstrap4.css +56 -139
  14. package/styles/bootstrap5-dark.css +5866 -0
  15. package/styles/bootstrap5-dark.scss +2 -0
  16. package/styles/bootstrap5.css +5866 -0
  17. package/styles/bootstrap5.scss +2 -0
  18. package/styles/document-editor/bootstrap-dark.css +53 -142
  19. package/styles/document-editor/bootstrap.css +10 -99
  20. package/styles/document-editor/bootstrap4.css +36 -125
  21. package/styles/document-editor/bootstrap5-dark.css +3699 -0
  22. package/styles/document-editor/bootstrap5-dark.scss +1 -0
  23. package/styles/document-editor/bootstrap5.css +3699 -0
  24. package/styles/document-editor/bootstrap5.scss +1 -0
  25. package/styles/document-editor/fabric-dark.css +31 -120
  26. package/styles/document-editor/fabric.css +10 -99
  27. package/styles/document-editor/highcontrast.css +15 -104
  28. package/styles/document-editor/material-dark.css +76 -168
  29. package/styles/document-editor/material.css +10 -99
  30. package/styles/document-editor/tailwind-dark.css +63 -61
  31. package/styles/document-editor/tailwind.css +47 -44
  32. package/styles/document-editor-container/bootstrap-dark.css +231 -160
  33. package/styles/document-editor-container/bootstrap.css +20 -11
  34. package/styles/document-editor-container/bootstrap4.css +20 -14
  35. package/styles/document-editor-container/bootstrap5-dark.css +2166 -0
  36. package/styles/document-editor-container/bootstrap5-dark.scss +1 -0
  37. package/styles/document-editor-container/bootstrap5.css +2166 -0
  38. package/styles/document-editor-container/bootstrap5.scss +1 -0
  39. package/styles/document-editor-container/fabric-dark.css +214 -138
  40. package/styles/document-editor-container/fabric.css +67 -13
  41. package/styles/document-editor-container/highcontrast-light.css +87 -13
  42. package/styles/document-editor-container/highcontrast.css +66 -13
  43. package/styles/document-editor-container/material-dark.css +232 -170
  44. package/styles/document-editor-container/material.css +67 -15
  45. package/styles/document-editor-container/tailwind-dark.css +132 -45
  46. package/styles/document-editor-container/tailwind.css +127 -40
  47. package/styles/fabric-dark.css +245 -258
  48. package/styles/fabric.css +77 -112
  49. package/styles/highcontrast-light.css +87 -13
  50. package/styles/highcontrast.css +81 -117
  51. package/styles/material-dark.css +308 -338
  52. package/styles/material.css +77 -114
  53. package/styles/tailwind-dark.css +195 -106
  54. package/styles/tailwind.css +174 -84
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  .e-documenteditor .e-close::before {
@@ -636,6 +637,26 @@
636
637
  font-family: 'e-icons';
637
638
  }
638
639
 
640
+ .e-item .e-de-paste-column::before {
641
+ content: '\e869';
642
+ }
643
+
644
+ .e-item .e-de-paste-row::before {
645
+ content: '\e866';
646
+ }
647
+
648
+ .e-item .e-de-paste-overwrite-cells::before {
649
+ content: '\e86b';
650
+ }
651
+
652
+ .e-item .e-de-paste-nested-table::before {
653
+ content: '\e864';
654
+ }
655
+
656
+ .e-item .e-de-paste-merge-table::before {
657
+ content: '\e861';
658
+ }
659
+
639
660
  .e-de-blink-cursor {
640
661
  border-left: 1px solid #000;
641
662
  pointer-events: none;
@@ -779,7 +800,6 @@
779
800
 
780
801
  .e-de-ff-dlg-heading-small {
781
802
  display: block;
782
- font-size: 12px;
783
803
  font-weight: 500;
784
804
  margin-bottom: 4px;
785
805
  }
@@ -1386,10 +1406,12 @@ label[for*="_wholeWord_e-de-rtl"] {
1386
1406
  .e-de-row-ht-top,
1387
1407
  .e-de-cell-ht-top {
1388
1408
  padding: 0 12px;
1409
+ width: 144px;
1389
1410
  }
1390
1411
 
1391
1412
  .e-de-ht-wdth-type {
1392
1413
  margin-top: -22px;
1414
+ width: 120px;
1393
1415
  }
1394
1416
 
1395
1417
  .e-de-row-ht-top.e-de-rtl,
@@ -1538,6 +1560,21 @@ label[for*="_wholeWord_e-de-rtl"] {
1538
1560
  top: 10px;
1539
1561
  }
1540
1562
 
1563
+ .e-bigger .e-de-table-properties-dlg {
1564
+ width: 485px;
1565
+ }
1566
+
1567
+ .e-bigger .e-de-table-ppty-dlg-preferred-width-div,
1568
+ .e-bigger .e-de-table-ppty-dlg-measure-drop-down-div,
1569
+ .e-bigger .e-de-ht-wdth-type {
1570
+ width: 155px;
1571
+ }
1572
+
1573
+ .e-bigger .e-de-row-ht-top,
1574
+ .e-bigger .e-de-cell-ht-top {
1575
+ width: 179px;
1576
+ }
1577
+
1541
1578
  .e-bigger .e-de-restrict-pane {
1542
1579
  width: 295px;
1543
1580
  }
@@ -1716,10 +1753,6 @@ label[for*="_wholeWord_e-de-rtl"] {
1716
1753
  margin-top: 40px;
1717
1754
  }
1718
1755
 
1719
- .e-bigger .e-de-table-properties-dlg {
1720
- width: 437px;
1721
- }
1722
-
1723
1756
  .e-bigger .e-de-ht-wdth-type {
1724
1757
  margin-top: -18px;
1725
1758
  }
@@ -1791,7 +1824,7 @@ label[for*="_wholeWord_e-de-rtl"] {
1791
1824
  }
1792
1825
 
1793
1826
  .e-bigger .e-de-page-setup-dlg-sub-container-port {
1794
- margin-top: 35px;
1827
+ margin-top: 42px;
1795
1828
  }
1796
1829
 
1797
1830
  .e-bigger .e-de-page-setup-dlg-first-page-prop {
@@ -1999,10 +2032,13 @@ label[for*="_wholeWord_e-de-rtl"] {
1999
2032
  }
2000
2033
 
2001
2034
  .e-de-restrict-pane {
2002
- color: #111827;
2003
2035
  line-height: 1.5;
2004
2036
  }
2005
2037
 
2038
+ .e-de-restrict-pane {
2039
+ color: #111827;
2040
+ }
2041
+
2006
2042
  .e-de-op.e-de-rtl .e-de-search-tab-content {
2007
2043
  margin-left: 12px;
2008
2044
  margin-right: 0;
@@ -2016,6 +2052,7 @@ label[for*="_wholeWord_e-de-rtl"] {
2016
2052
  font-size: 12px;
2017
2053
  font-weight: 500;
2018
2054
  display: block;
2055
+ margin-bottom: 0;
2019
2056
  }
2020
2057
 
2021
2058
  .e-de-tbl-indent-lbl {
@@ -2046,7 +2083,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2046
2083
  }
2047
2084
 
2048
2085
  .e-documenteditor .e-input {
2049
- color: #111827;
2050
2086
  font-size: 14px;
2051
2087
  }
2052
2088
 
@@ -2427,7 +2463,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2427
2463
  }
2428
2464
 
2429
2465
  .e-de-spellcheck-btn {
2430
- height: 36px;
2431
2466
  margin-bottom: 8px;
2432
2467
  width: 154px;
2433
2468
  }
@@ -2495,10 +2530,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2495
2530
  top: 385px;
2496
2531
  }
2497
2532
 
2498
- .e-de-font-content-label span.e-label {
2499
- color: #111827;
2500
- }
2501
-
2502
2533
  .e-de-font-label span.e-label {
2503
2534
  color: #111827;
2504
2535
  }
@@ -2534,34 +2565,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2534
2565
  border: 0;
2535
2566
  }
2536
2567
 
2537
- .e-de-table-container-div .e-checkbox-wrapper .e-label {
2538
- color: #111827;
2539
- }
2540
-
2541
- .e-de-table-header-div .e-checkbox-wrapper .e-label {
2542
- color: #111827;
2543
- }
2544
-
2545
- .e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
2546
- color: #111827;
2547
- }
2548
-
2549
- .e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
2550
- color: #111827;
2551
- }
2552
-
2553
- .e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
2554
- color: #111827;
2555
- }
2556
-
2557
- .e-de-tbl-margin-sub-header .e-label {
2558
- color: #111827;
2559
- }
2560
-
2561
- .e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
2562
- color: #111827;
2563
- }
2564
-
2565
2568
  .e-de-list-format-info {
2566
2569
  border-radius: 50% !important;
2567
2570
  cursor: default;
@@ -2833,6 +2836,7 @@ label[for*="_wholeWord_e-de-rtl"] {
2833
2836
  float: right;
2834
2837
  margin-left: 12px;
2835
2838
  margin-top: 6px;
2839
+ width: 120px;
2836
2840
  }
2837
2841
 
2838
2842
  .e-de-table-ppty-dlg-measure-drop-down-div.e-de-rtl {
@@ -2866,11 +2870,13 @@ label[for*="_wholeWord_e-de-rtl"] {
2866
2870
  float: right;
2867
2871
  margin-left: 12px;
2868
2872
  margin-top: 6px;
2873
+ width: 120px;
2869
2874
  }
2870
2875
 
2871
2876
  .e-de-table-ppty-dlg-preferred-width-div.e-de-rtl {
2872
2877
  margin-left: 0;
2873
2878
  margin-right: 12px;
2879
+ width: 120px;
2874
2880
  }
2875
2881
 
2876
2882
  .e-de-table-ppty-options-break {
@@ -3270,14 +3276,12 @@ label[for*="_wholeWord_e-de-rtl"] {
3270
3276
 
3271
3277
  .e-bigger .e-de-rp-btn-enforce {
3272
3278
  margin: 0;
3273
- width: 100%;
3274
3279
  padding-left: 10px;
3275
3280
  padding-right: 10px;
3276
3281
  }
3277
3282
 
3278
3283
  .e-de-rp-nav-btn {
3279
3284
  margin: 0 24px;
3280
- width: 210px;
3281
3285
  }
3282
3286
 
3283
3287
  .e-de-rp-btn-stop-enforce {
@@ -3322,7 +3326,6 @@ label[for*="_wholeWord_e-de-rtl"] {
3322
3326
  font-size: 12px;
3323
3327
  font-weight: 500;
3324
3328
  margin-bottom: 4px;
3325
- margin-top: c;
3326
3329
  }
3327
3330
 
3328
3331
  .e-de-enforce .e-de-enforce-dlg-input {
@@ -3481,6 +3484,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3481
3484
  }
3482
3485
 
3483
3486
  .e-de-tc-no-chng {
3487
+ color: #111827;
3484
3488
  font-size: 14px;
3485
3489
  opacity: 65%;
3486
3490
  margin: 60px 0;
@@ -4578,7 +4582,7 @@ label[for*="_wholeWord_e-de-rtl"] {
4578
4582
  }
4579
4583
 
4580
4584
  .e-hglt-no-color:hover {
4581
- background-color: #d3d3d3;
4585
+ background-color: #f3f4f6;
4582
4586
  cursor: pointer;
4583
4587
  }
4584
4588
 
@@ -4600,8 +4604,6 @@ label[for*="_wholeWord_e-de-rtl"] {
4600
4604
  border: 0;
4601
4605
  box-shadow: none;
4602
4606
  float: right;
4603
- height: 33px;
4604
- width: 33px;
4605
4607
  }
4606
4608
 
4607
4609
  .e-de-statusbar-pageweb:hover {
@@ -4610,16 +4612,17 @@ label[for*="_wholeWord_e-de-rtl"] {
4610
4612
 
4611
4613
  .e-de-statusbar-pageweb .e-de-printlayout,
4612
4614
  .e-de-statusbar-pageweb .e-de-weblayout {
4613
- font-size: 14px;
4615
+ font-size: 18px;
4614
4616
  }
4615
4617
 
4616
- .e-bigger .e-btn.e-de-statusbar-pageweb {
4617
- padding: 0;
4618
+ .e-de-statusbar-pageweb .e-de-printlayout:hover,
4619
+ .e-de-statusbar-pageweb .e-de-weblayout:hover {
4620
+ font-size: 18px;
4618
4621
  }
4619
4622
 
4620
4623
  .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
4621
4624
  .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
4622
- font-size: 16px;
4625
+ font-size: 18px;
4623
4626
  }
4624
4627
 
4625
4628
  .e-de-linespacing {
@@ -4636,8 +4639,6 @@ label[for*="_wholeWord_e-de-rtl"] {
4636
4639
 
4637
4640
  .e-de-pagenumber-text {
4638
4641
  border: none !important;
4639
- height: 22px !important;
4640
- margin-top: -3px !important;
4641
4642
  }
4642
4643
 
4643
4644
  .e-de-pagenumber-input {
@@ -4645,12 +4646,17 @@ label[for*="_wholeWord_e-de-rtl"] {
4645
4646
  border: 1px solid #e5e7eb;
4646
4647
  border-radius: 2px;
4647
4648
  color: #6b7280;
4648
- height: 22px;
4649
- padding: 2px;
4649
+ font-family: inherit;
4650
+ font-size: 14px;
4651
+ padding: 0px;
4650
4652
  text-align: center;
4651
4653
  width: 22px;
4652
4654
  }
4653
4655
 
4656
+ .e-bigger .e-de-pagenumber-input {
4657
+ font-size: 16px;
4658
+ }
4659
+
4654
4660
  .e-btn-pageweb-toggle {
4655
4661
  background-color: #e5e7eb;
4656
4662
  box-shadow: none;
@@ -4673,7 +4679,32 @@ label[for*="_wholeWord_e-de-rtl"] {
4673
4679
 
4674
4680
  .e-de-ctn-title {
4675
4681
  background-color: #4f46e5;
4682
+ border-bottom: none !important;
4676
4683
  color: #fff;
4684
+ font-size: 14px !important;
4685
+ }
4686
+
4687
+ .e-de-ctn-title button {
4688
+ font-size: 14px !important;
4689
+ height: 36px ​ !important;
4690
+ }
4691
+
4692
+ .e-de-ctn-title button .e-btn-icon {
4693
+ font-size: 16px !important;
4694
+ }
4695
+
4696
+ .e-bigger .e-de-ctn-title {
4697
+ font-size: 16px !important;
4698
+ height: 40px !important;
4699
+ }
4700
+
4701
+ .e-bigger .e-de-ctn-title button {
4702
+ font-size: 16px !important;
4703
+ height: auto ​ !important;
4704
+ }
4705
+
4706
+ .e-bigger .e-de-ctn-title button .e-btn-icon {
4707
+ font-size: 18px !important;
4677
4708
  }
4678
4709
 
4679
4710
  .e-de-tool-ctnr-properties-pane {
@@ -4747,11 +4778,11 @@ label[for*="_wholeWord_e-de-rtl"] {
4747
4778
  }
4748
4779
 
4749
4780
  .e-de-ctnr-segment {
4750
- margin-bottom: 8px;
4781
+ margin-bottom: 12px;
4751
4782
  }
4752
4783
 
4753
4784
  .e-de-insert-del-cell > div:last-child {
4754
- margin-left: 8px !important;
4785
+ margin-left: 10px !important;
4755
4786
  }
4756
4787
 
4757
4788
  .e-bigger .e-de-ctnr-prop-label,
@@ -4769,11 +4800,20 @@ label[for*="_wholeWord_e-de-rtl"] {
4769
4800
  }
4770
4801
 
4771
4802
  .e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon {
4772
- margin-left: -3px;
4803
+ margin-left: -5px;
4773
4804
  }
4774
4805
 
4775
- .e-de-ctnr-group-btn .e-btn .e-btn-icon {
4776
- margin-left: 0;
4806
+ .e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon:not(.e-caret) {
4807
+ font-size: 18px;
4808
+ }
4809
+
4810
+ .e-bigger .e-de-pane-rtl .e-de-ctnr-group-btn .e-btn .e-btn-icon {
4811
+ margin-left: 0px;
4812
+ margin-right: -5px;
4813
+ }
4814
+
4815
+ .e-de-ctnr-group-btn .e-btn .e-btn-icon:not(.e-caret) {
4816
+ font-size: 16px;
4777
4817
  }
4778
4818
 
4779
4819
  .e-de-property-div-padding .e-de-cellmargin-text {
@@ -4786,23 +4826,23 @@ label[for*="_wholeWord_e-de-rtl"] {
4786
4826
 
4787
4827
  .e-de-font-clr-picker .e-colorpicker-wrapper:first-child,
4788
4828
  .e-de-font-clr-picker > .e-split-btn-wrapper {
4789
- margin-right: 8px;
4829
+ margin-right: 10px;
4790
4830
  }
4791
4831
 
4792
4832
  .e-de-font-clr-picker.e-rtl .e-colorpicker-wrapper:first-child,
4793
4833
  .e-de-font-clr-picker.e-rtl > .e-split-btn-wrapper {
4794
- margin-left: 8px;
4834
+ margin-left: 10px;
4795
4835
  margin-right: 0;
4796
4836
  }
4797
4837
 
4798
4838
  .e-de-ctnr-segment > div:first-child:not(.e-rtl),
4799
4839
  .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
4800
- margin-right: 8px;
4840
+ margin-right: 10px;
4801
4841
  }
4802
4842
 
4803
4843
  .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
4804
4844
  .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
4805
- margin-left: 8px;
4845
+ margin-left: 10px;
4806
4846
  margin-right: 0;
4807
4847
  }
4808
4848
 
@@ -4818,8 +4858,8 @@ label[for*="_wholeWord_e-de-rtl"] {
4818
4858
  font-size: 14px;
4819
4859
  font-weight: 500;
4820
4860
  letter-spacing: 0.05px;
4821
- margin-bottom: 12px;
4822
4861
  line-height: 1.5;
4862
+ margin-bottom: 12px;
4823
4863
  opacity: 0.87;
4824
4864
  }
4825
4865
 
@@ -4937,10 +4977,6 @@ label[for*="_wholeWord_e-de-rtl"] {
4937
4977
  width: 100%;
4938
4978
  }
4939
4979
 
4940
- .de-split-button > div:first-child {
4941
- margin-right: 8px;
4942
- }
4943
-
4944
4980
  .e-de-ctnr-properties-pane-btn {
4945
4981
  width: 75px;
4946
4982
  }
@@ -5133,8 +5169,9 @@ label[for*="_wholeWord_e-de-rtl"] {
5133
5169
  .e-de-ctnr-hglt-color {
5134
5170
  font-size: 12px;
5135
5171
  font-weight: 400;
5136
- height: 18px !important;
5137
- width: 18px !important;
5172
+ height: 20px !important;
5173
+ width: 20px !important;
5174
+ border-radius: 4px;
5138
5175
  }
5139
5176
 
5140
5177
  .e-de-font-clr-picker > div div button,
@@ -5304,6 +5341,52 @@ label[for*="_wholeWord_e-de-rtl"] {
5304
5341
  box-shadow: none !important;
5305
5342
  }
5306
5343
 
5344
+ .e-de-ctnr-group-btn-top > button:first-child {
5345
+ border-radius: 0;
5346
+ border-top-left-radius: 4px;
5347
+ }
5348
+
5349
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
5350
+ border-top-left-radius: 0;
5351
+ border-top-right-radius: 4px;
5352
+ }
5353
+
5354
+ .e-de-ctnr-group-btn-top > button:last-child {
5355
+ border-radius: 0;
5356
+ border-top-right-radius: 4px;
5357
+ }
5358
+
5359
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
5360
+ border-top-left-radius: 4px;
5361
+ border-top-right-radius: 0;
5362
+ }
5363
+
5364
+ .e-de-ctnr-group-btn-middle > button {
5365
+ border-radius: 0;
5366
+ border-top: 0;
5367
+ border-bottom: 0;
5368
+ }
5369
+
5370
+ .e-de-ctnr-group-btn-bottom > button:first-child {
5371
+ border-radius: 0;
5372
+ border-bottom-left-radius: 4px;
5373
+ }
5374
+
5375
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
5376
+ border-bottom-left-radius: 0;
5377
+ border-bottom-right-radius: 4px;
5378
+ }
5379
+
5380
+ .e-de-ctnr-group-btn-bottom > button:last-child {
5381
+ border-radius: 0;
5382
+ border-bottom-right-radius: 4px;
5383
+ }
5384
+
5385
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
5386
+ border-bottom-right-radius: 0;
5387
+ border-bottom-left-radius: 4px;
5388
+ }
5389
+
5307
5390
  .e-de-toc-template1 {
5308
5391
  background: #fff;
5309
5392
  border: 1px solid #e5e7eb;
@@ -5369,7 +5452,7 @@ label[for*="_wholeWord_e-de-rtl"] {
5369
5452
  background-color: #f3f4f6;
5370
5453
  display: -ms-flexbox;
5371
5454
  display: flex;
5372
- padding-top: 3.5px;
5455
+ padding-top: 0;
5373
5456
  width: 100%;
5374
5457
  }
5375
5458
 
@@ -5377,30 +5460,38 @@ label[for*="_wholeWord_e-de-rtl"] {
5377
5460
  color: #6b7280;
5378
5461
  display: -ms-inline-flexbox;
5379
5462
  display: inline-flex;
5380
- font-size: 12px;
5463
+ font-size: 14px;
5381
5464
  height: 100%;
5382
5465
  padding-top: 8px;
5383
5466
  width: 110px;
5384
5467
  }
5385
5468
 
5469
+ .e-de-ctnr-pg-no span {
5470
+ border: 1px solid transparent;
5471
+ }
5472
+
5386
5473
  .e-de-ctnr-pg-no-spellout {
5387
5474
  color: #6b7280;
5388
5475
  display: -ms-inline-flexbox;
5389
5476
  display: inline-flex;
5390
- font-size: 12px;
5477
+ font-size: 14px;
5391
5478
  height: 100%;
5392
5479
  padding-top: 8px;
5393
- width: calc(100% - 152px);
5480
+ width: calc(100% - 170px);
5481
+ }
5482
+
5483
+ .e-de-ctnr-pg-no-spellout span {
5484
+ border: 1px solid transparent;
5394
5485
  }
5395
5486
 
5396
5487
  .e-bigger .e-de-ctnr-pg-no-spellout {
5397
5488
  color: #6b7280;
5398
5489
  display: -ms-inline-flexbox;
5399
5490
  display: inline-flex;
5400
- font-size: 14px;
5491
+ font-size: 16px;
5401
5492
  height: 100%;
5402
- padding-top: 8px;
5403
- width: calc(100% - 168px);
5493
+ padding-top: 7px;
5494
+ width: calc(100% - 205px);
5404
5495
  }
5405
5496
 
5406
5497
  .e-de-statusbar-zoom-spell {
@@ -5554,7 +5645,7 @@ label[for*="_wholeWord_e-de-rtl"] {
5554
5645
  }
5555
5646
 
5556
5647
  .e-bigger .de-split-button > div:first-child {
5557
- margin-right: 16px;
5648
+ margin-right: 0;
5558
5649
  }
5559
5650
 
5560
5651
  .e-bigger .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
@@ -5697,8 +5788,8 @@ label[for*="_wholeWord_e-de-rtl"] {
5697
5788
  margin-right: 0;
5698
5789
  }
5699
5790
 
5700
- .e-bigger .e-de-ctnr-segment > div:first-child,
5701
- .e-bigger .e-de-ctnr-segment > button:first-child {
5791
+ .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
5792
+ .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
5702
5793
  margin-right: 16px;
5703
5794
  }
5704
5795
 
@@ -5901,8 +5992,8 @@ label[for*="_wholeWord_e-de-rtl"] {
5901
5992
  .e-bigger .e-de-ctnr-hglt-color {
5902
5993
  font-size: 12px;
5903
5994
  font-weight: 400;
5904
- height: 25px !important;
5905
- width: 25px !important;
5995
+ height: 24px !important;
5996
+ width: 24px !important;
5906
5997
  border-radius: 4px;
5907
5998
  }
5908
5999
 
@@ -6019,7 +6110,6 @@ label[for*="_wholeWord_e-de-rtl"] {
6019
6110
  background: #e5e7eb;
6020
6111
  border: none;
6021
6112
  border-radius: 4px;
6022
- color: #111827;
6023
6113
  }
6024
6114
 
6025
6115
  .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {