@syncfusion/ej2-angular-documenteditor 20.4.38 → 20.4.40

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 (104) hide show
  1. package/esm2020/src/document-editor/documenteditor-all.module.mjs +7 -4
  2. package/esm2020/src/document-editor/documenteditor.component.mjs +10 -3
  3. package/esm2020/src/index.mjs +2 -2
  4. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs +16 -6
  5. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  6. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs +16 -6
  7. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  8. package/package.json +8 -8
  9. package/schematics/utils/lib-details.d.ts +2 -2
  10. package/schematics/utils/lib-details.js +2 -2
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/document-editor/documenteditor-all.module.d.ts +1 -0
  13. package/src/document-editor/documenteditor.component.d.ts +1 -1
  14. package/src/index.d.ts +1 -1
  15. package/styles/bootstrap-dark.css +126 -0
  16. package/styles/bootstrap.css +126 -0
  17. package/styles/bootstrap4.css +126 -0
  18. package/styles/bootstrap5-dark.css +126 -0
  19. package/styles/bootstrap5.css +126 -0
  20. package/styles/document-editor/_bootstrap-dark-definition.scss +3 -0
  21. package/styles/document-editor/_bootstrap-definition.scss +3 -0
  22. package/styles/document-editor/_bootstrap4-definition.scss +3 -0
  23. package/styles/document-editor/_bootstrap5-definition.scss +3 -0
  24. package/styles/document-editor/_fabric-dark-definition.scss +3 -0
  25. package/styles/document-editor/_fabric-definition.scss +3 -0
  26. package/styles/document-editor/_fluent-definition.scss +3 -0
  27. package/styles/document-editor/_fusionnew-definition.scss +3 -0
  28. package/styles/document-editor/_highcontrast-definition.scss +3 -0
  29. package/styles/document-editor/_highcontrast-light-definition.scss +3 -0
  30. package/styles/document-editor/_material-dark-definition.scss +3 -0
  31. package/styles/document-editor/_material-definition.scss +3 -0
  32. package/styles/document-editor/_material3-definition.scss +3 -0
  33. package/styles/document-editor/_tailwind-definition.scss +3 -0
  34. package/styles/document-editor/_theme.scss +13 -0
  35. package/styles/document-editor/bootstrap-dark.css +61 -0
  36. package/styles/document-editor/bootstrap.css +61 -0
  37. package/styles/document-editor/bootstrap4.css +61 -0
  38. package/styles/document-editor/bootstrap5-dark.css +61 -0
  39. package/styles/document-editor/bootstrap5.css +61 -0
  40. package/styles/document-editor/fabric-dark.css +61 -0
  41. package/styles/document-editor/fabric.css +61 -0
  42. package/styles/document-editor/fluent-dark.css +61 -0
  43. package/styles/document-editor/fluent.css +61 -0
  44. package/styles/document-editor/highcontrast-light.css +47 -0
  45. package/styles/document-editor/highcontrast.css +61 -0
  46. package/styles/document-editor/icons/_bootstrap-dark.scss +47 -0
  47. package/styles/document-editor/icons/_bootstrap.scss +47 -0
  48. package/styles/document-editor/icons/_bootstrap4.scss +47 -0
  49. package/styles/document-editor/icons/_bootstrap5.scss +47 -0
  50. package/styles/document-editor/icons/_fabric-dark.scss +47 -0
  51. package/styles/document-editor/icons/_fabric.scss +47 -0
  52. package/styles/document-editor/icons/_fluent.scss +47 -0
  53. package/styles/document-editor/icons/_fusionnew.scss +47 -0
  54. package/styles/document-editor/icons/_highcontrast-light.scss +47 -0
  55. package/styles/document-editor/icons/_highcontrast.scss +47 -0
  56. package/styles/document-editor/icons/_material-dark.scss +47 -0
  57. package/styles/document-editor/icons/_material.scss +47 -0
  58. package/styles/document-editor/icons/_material3.scss +47 -0
  59. package/styles/document-editor/icons/_tailwind-dark.scss +47 -0
  60. package/styles/document-editor/icons/_tailwind.scss +47 -0
  61. package/styles/document-editor/material-dark.css +61 -0
  62. package/styles/document-editor/material.css +61 -0
  63. package/styles/document-editor/tailwind-dark.css +61 -0
  64. package/styles/document-editor/tailwind.css +61 -0
  65. package/styles/document-editor-container/bootstrap-dark.css +65 -0
  66. package/styles/document-editor-container/bootstrap.css +65 -0
  67. package/styles/document-editor-container/bootstrap4.css +65 -0
  68. package/styles/document-editor-container/bootstrap5-dark.css +65 -0
  69. package/styles/document-editor-container/bootstrap5.css +65 -0
  70. package/styles/document-editor-container/fabric-dark.css +66 -0
  71. package/styles/document-editor-container/fabric.css +66 -0
  72. package/styles/document-editor-container/fluent-dark.css +65 -0
  73. package/styles/document-editor-container/fluent.css +65 -0
  74. package/styles/document-editor-container/highcontrast-light.css +65 -0
  75. package/styles/document-editor-container/highcontrast.css +65 -0
  76. package/styles/document-editor-container/icons/_bootstrap-dark.scss +65 -0
  77. package/styles/document-editor-container/icons/_bootstrap.scss +65 -0
  78. package/styles/document-editor-container/icons/_bootstrap4.scss +65 -0
  79. package/styles/document-editor-container/icons/_bootstrap5.scss +66 -0
  80. package/styles/document-editor-container/icons/_fabric-dark.scss +66 -0
  81. package/styles/document-editor-container/icons/_fabric.scss +65 -0
  82. package/styles/document-editor-container/icons/_fluent.scss +65 -0
  83. package/styles/document-editor-container/icons/_fusionnew.scss +65 -0
  84. package/styles/document-editor-container/icons/_highcontrast-light.scss +65 -0
  85. package/styles/document-editor-container/icons/_highcontrast.scss +65 -0
  86. package/styles/document-editor-container/icons/_material-dark.scss +65 -0
  87. package/styles/document-editor-container/icons/_material.scss +65 -0
  88. package/styles/document-editor-container/icons/_material3.scss +65 -0
  89. package/styles/document-editor-container/icons/_tailwind-dark.scss +65 -0
  90. package/styles/document-editor-container/icons/_tailwind.scss +65 -0
  91. package/styles/document-editor-container/material-dark.css +65 -0
  92. package/styles/document-editor-container/material.css +65 -0
  93. package/styles/document-editor-container/tailwind-dark.css +65 -0
  94. package/styles/document-editor-container/tailwind.css +65 -0
  95. package/styles/fabric-dark.css +127 -0
  96. package/styles/fabric.css +127 -0
  97. package/styles/fluent-dark.css +126 -0
  98. package/styles/fluent.css +126 -0
  99. package/styles/highcontrast-light.css +112 -0
  100. package/styles/highcontrast.css +126 -0
  101. package/styles/material-dark.css +126 -0
  102. package/styles/material.css +126 -0
  103. package/styles/tailwind-dark.css +126 -0
  104. package/styles/tailwind.css +126 -0
@@ -314,6 +314,45 @@
314
314
  top: -2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid #ddd;
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid #ddd;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #201f1f;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -314,6 +314,45 @@
314
314
  top: -2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid rgba(0, 0, 0, 0.26);
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid rgba(0, 0, 0, 0.26);
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #fff;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -341,6 +341,45 @@
341
341
  top: 2px;
342
342
  }
343
343
 
344
+ .e-de-columns-presets-genral {
345
+ height: 62px;
346
+ width: 62px;
347
+ margin-right: 33px;
348
+ margin-bottom: 12px;
349
+ }
350
+
351
+ .e-de-columns-padding-alignment {
352
+ padding-top: 24px;
353
+ }
354
+
355
+ .e-de-column-dlg-preview-div {
356
+ border: 1px solid #a19f9d;
357
+ height: 120px;
358
+ width: 120px;
359
+ }
360
+
361
+ .e-de-padding-col-prev {
362
+ padding-left: 15px;
363
+ }
364
+
365
+ .e-width-space-div {
366
+ width: 320px;
367
+ }
368
+
369
+ .e-de-columns-presets-genral.e-de-rtl {
370
+ margin-left: 33px;
371
+ }
372
+
373
+ .e-de-padding-col-prev.e-de-rtl {
374
+ padding-right: 15px;
375
+ }
376
+
377
+ .e-de-column-dlg-preview-div.e-de-rtl {
378
+ border: 1px solid #a19f9d;
379
+ height: 120px;
380
+ width: 120px;
381
+ }
382
+
344
383
  .e-menu-item .e-de-cmt-add::before {
345
384
  content: "\e82c";
346
385
  }
@@ -604,6 +643,14 @@
604
643
  content: "\e882";
605
644
  }
606
645
 
646
+ .e-de-preset-container {
647
+ width: 95px;
648
+ }
649
+
650
+ .e-de-preset-container.e-de-rtl {
651
+ width: 85px;
652
+ }
653
+
607
654
  .e-de-dlg-container {
608
655
  padding-bottom: 16px;
609
656
  }
@@ -785,6 +832,20 @@
785
832
  background-color: #323130;
786
833
  }
787
834
 
835
+ .e-de-column-label {
836
+ font-size: 12px;
837
+ font-weight: 600;
838
+ padding-left: 20px;
839
+ padding-right: 20px;
840
+ }
841
+
842
+ .e-de-column-label.e-de-rtl {
843
+ font-size: 12px;
844
+ font-weight: 600;
845
+ padding-left: 50px;
846
+ padding-right: 50px;
847
+ }
848
+
788
849
  .e-de-ff-sub-header {
789
850
  display: block;
790
851
  font-size: 12px;
@@ -341,6 +341,45 @@
341
341
  top: 2px;
342
342
  }
343
343
 
344
+ .e-de-columns-presets-genral {
345
+ height: 62px;
346
+ width: 62px;
347
+ margin-right: 33px;
348
+ margin-bottom: 12px;
349
+ }
350
+
351
+ .e-de-columns-padding-alignment {
352
+ padding-top: 24px;
353
+ }
354
+
355
+ .e-de-column-dlg-preview-div {
356
+ border: 1px solid #605e5c;
357
+ height: 120px;
358
+ width: 120px;
359
+ }
360
+
361
+ .e-de-padding-col-prev {
362
+ padding-left: 15px;
363
+ }
364
+
365
+ .e-width-space-div {
366
+ width: 320px;
367
+ }
368
+
369
+ .e-de-columns-presets-genral.e-de-rtl {
370
+ margin-left: 33px;
371
+ }
372
+
373
+ .e-de-padding-col-prev.e-de-rtl {
374
+ padding-right: 15px;
375
+ }
376
+
377
+ .e-de-column-dlg-preview-div.e-de-rtl {
378
+ border: 1px solid #605e5c;
379
+ height: 120px;
380
+ width: 120px;
381
+ }
382
+
344
383
  .e-menu-item .e-de-cmt-add::before {
345
384
  content: "\e82c";
346
385
  }
@@ -604,6 +643,14 @@
604
643
  content: "\e882";
605
644
  }
606
645
 
646
+ .e-de-preset-container {
647
+ width: 95px;
648
+ }
649
+
650
+ .e-de-preset-container.e-de-rtl {
651
+ width: 85px;
652
+ }
653
+
607
654
  .e-de-dlg-container {
608
655
  padding-bottom: 16px;
609
656
  }
@@ -785,6 +832,20 @@
785
832
  background-color: #e1dfdd;
786
833
  }
787
834
 
835
+ .e-de-column-label {
836
+ font-size: 12px;
837
+ font-weight: 600;
838
+ padding-left: 20px;
839
+ padding-right: 20px;
840
+ }
841
+
842
+ .e-de-column-label.e-de-rtl {
843
+ font-size: 12px;
844
+ font-weight: 600;
845
+ padding-left: 50px;
846
+ padding-right: 50px;
847
+ }
848
+
788
849
  .e-de-ff-sub-header {
789
850
  display: block;
790
851
  font-size: 12px;
@@ -2360,6 +2360,45 @@ label[for=container_wholeWord] {
2360
2360
  top: -2px;
2361
2361
  }
2362
2362
 
2363
+ .e-de-columns-presets-genral {
2364
+ height: 62px;
2365
+ width: 62px;
2366
+ margin-right: 33px;
2367
+ margin-bottom: 12px;
2368
+ }
2369
+
2370
+ .e-de-columns-padding-alignment {
2371
+ padding-top: 24px;
2372
+ }
2373
+
2374
+ .e-de-column-dlg-preview-div {
2375
+ border: 1px solid rgba(0, 0, 0, 0.26);
2376
+ height: 120px;
2377
+ width: 120px;
2378
+ }
2379
+
2380
+ .e-de-padding-col-prev {
2381
+ padding-left: 15px;
2382
+ }
2383
+
2384
+ .e-width-space-div {
2385
+ width: 320px;
2386
+ }
2387
+
2388
+ .e-de-columns-presets-genral.e-de-rtl {
2389
+ margin-left: 33px;
2390
+ }
2391
+
2392
+ .e-de-padding-col-prev.e-de-rtl {
2393
+ padding-right: 15px;
2394
+ }
2395
+
2396
+ .e-de-column-dlg-preview-div.e-de-rtl {
2397
+ border: 1px solid rgba(0, 0, 0, 0.26);
2398
+ height: 120px;
2399
+ width: 120px;
2400
+ }
2401
+
2363
2402
  .e-menu-item .e-de-cmt-add::before {
2364
2403
  content: "\e814";
2365
2404
  font-family: "e-icons";
@@ -2612,6 +2651,14 @@ label[for=container_wholeWord] {
2612
2651
  content: "\e68a";
2613
2652
  }
2614
2653
 
2654
+ .e-de-preset-container {
2655
+ width: 95px;
2656
+ }
2657
+
2658
+ .e-de-preset-container.e-de-rtl {
2659
+ width: 85px;
2660
+ }
2661
+
2615
2662
  .e-bigger {
2616
2663
  /* stylelint-disable */
2617
2664
  /* stylelint-enable */
@@ -314,6 +314,45 @@
314
314
  top: -2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid #ddd;
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid #ddd;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #000;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -336,6 +336,45 @@
336
336
  top: $de-td-table-border-top;
337
337
  }
338
338
 
339
+ .e-de-columns-presets-genral {
340
+ height: 62px;
341
+ width: 62px;
342
+ margin-right: 33px;
343
+ margin-bottom: 12px;
344
+ }
345
+
346
+ .e-de-columns-padding-alignment {
347
+ padding-top: 24px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div {
351
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
356
+ .e-de-padding-col-prev{
357
+ padding-left: 15px;
358
+ }
359
+
360
+ .e-width-space-div{
361
+ width: 320px;
362
+ }
363
+
364
+ .e-de-columns-presets-genral.e-de-rtl{
365
+ margin-left: 33px;
366
+ }
367
+
368
+ .e-de-padding-col-prev.e-de-rtl{
369
+ padding-right: 15px;
370
+ }
371
+
372
+ .e-de-column-dlg-preview-div.e-de-rtl{
373
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
374
+ height: 120px;
375
+ width: 120px;
376
+ }
377
+
339
378
  .e-menu-item .e-de-cmt-add::before {
340
379
  content: '\e814';
341
380
  font-family: 'e-icons';
@@ -604,4 +643,12 @@
604
643
  .e-icon-btn .e-de-paste::before {
605
644
  content: '\e68a';
606
645
  }
646
+
647
+ .e-de-preset-container {
648
+ width: 95px;
649
+ }
650
+
651
+ .e-de-preset-container.e-de-rtl {
652
+ width: 85px;
653
+ }
607
654
  }
@@ -336,6 +336,45 @@
336
336
  top: $de-td-table-border-top;
337
337
  }
338
338
 
339
+ .e-de-columns-presets-genral {
340
+ height: 62px;
341
+ width: 62px;
342
+ margin-right: 33px;
343
+ margin-bottom: 12px;
344
+ }
345
+
346
+ .e-de-columns-padding-alignment {
347
+ padding-top: 24px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div {
351
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
356
+ .e-de-padding-col-prev{
357
+ padding-left: 15px;
358
+ }
359
+
360
+ .e-width-space-div{
361
+ width: 320px;
362
+ }
363
+
364
+ .e-de-columns-presets-genral.e-de-rtl{
365
+ margin-left: 33px;
366
+ }
367
+
368
+ .e-de-padding-col-prev.e-de-rtl{
369
+ padding-right: 15px;
370
+ }
371
+
372
+ .e-de-column-dlg-preview-div.e-de-rtl {
373
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
374
+ height: 120px;
375
+ width: 120px;
376
+ }
377
+
339
378
  .e-menu-item .e-de-cmt-add::before {
340
379
  content: '\e814';
341
380
  font-family: 'e-icons';
@@ -604,4 +643,12 @@
604
643
  .e-icon-btn .e-de-paste::before {
605
644
  content: '\e68a';
606
645
  }
646
+
647
+ .e-de-preset-container {
648
+ width: 95px;
649
+ }
650
+
651
+ .e-de-preset-container.e-de-rtl {
652
+ width: 85px;
653
+ }
607
654
  }
@@ -427,6 +427,45 @@
427
427
  top: $de-td-table-border-top;
428
428
  }
429
429
 
430
+ .e-de-columns-presets-genral {
431
+ height: 62px;
432
+ width: 62px;
433
+ margin-right: 33px;
434
+ margin-bottom: 12px;
435
+ }
436
+
437
+ .e-de-columns-padding-alignment {
438
+ padding-top: 24px;
439
+ }
440
+
441
+ .e-de-column-dlg-preview-div {
442
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
443
+ height: 120px;
444
+ width: 120px;
445
+ }
446
+
447
+ .e-de-padding-col-prev{
448
+ padding-left: 15px;
449
+ }
450
+
451
+ .e-width-space-div{
452
+ width: 320px;
453
+ }
454
+
455
+ .e-de-columns-presets-genral.e-de-rtl{
456
+ margin-left: 33px;
457
+ }
458
+
459
+ .e-de-padding-col-prev.e-de-rtl {
460
+ padding-right: 15px;
461
+ }
462
+
463
+ .e-de-column-dlg-preview-div.e-de-rtl {
464
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
465
+ height: 120px;
466
+ width: 120px;
467
+ }
468
+
430
469
  .e-de-table-border-diagionalup-alignment::before {
431
470
  content: '\e7ca';
432
471
  font-size: 16px;
@@ -589,4 +628,12 @@
589
628
  .e-item .e-de-paste-merge-table::before {
590
629
  content: '\e91f';
591
630
  }
631
+
632
+ .e-de-preset-container {
633
+ width: 95px;
634
+ }
635
+
636
+ .e-de-preset-container.e-de-rtl {
637
+ width: 85px;
638
+ }
592
639
  }
@@ -365,6 +365,45 @@
365
365
  top: $de-td-table-border-top;
366
366
  }
367
367
 
368
+ .e-de-columns-presets-genral {
369
+ height: 62px;
370
+ width: 62px;
371
+ margin-right: 33px;
372
+ margin-bottom: 12px;
373
+ }
374
+
375
+ .e-de-columns-padding-alignment {
376
+ padding-top: 24px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div {
380
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
385
+ .e-de-padding-col-prev{
386
+ padding-left: 15px;
387
+ }
388
+
389
+ .e-width-space-div{
390
+ width: 320px;
391
+ }
392
+
393
+ .e-de-columns-presets-genral.e-de-rtl{
394
+ margin-left: 33px;
395
+ }
396
+
397
+ .e-de-padding-col-prev.e-de-rtl{
398
+ padding-right: 15px;
399
+ }
400
+
401
+ .e-de-column-dlg-preview-div.e-de-rtl{
402
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
403
+ height: 120px;
404
+ width: 120px;
405
+ }
406
+
368
407
  .e-menu-item .e-de-cmt-add::before {
369
408
  content: '\e82c';
370
409
  }
@@ -639,4 +678,12 @@
639
678
  .e-item .e-de-paste-merge-table::before {
640
679
  content: '\e882';
641
680
  }
681
+
682
+ .e-de-preset-container {
683
+ width: 95px;
684
+ }
685
+
686
+ .e-de-preset-container.e-de-rtl {
687
+ width: 85px;
688
+ }
642
689
  }