@syncfusion/ej2-material-theme 34.2.9 → 35.1.37

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 (120) hide show
  1. package/package.json +2 -2
  2. package/styles/ai-assistview/_bigger.scss +9 -1
  3. package/styles/ai-assistview/_layout.scss +77 -11
  4. package/styles/ai-assistview/_material-definition.scss +3 -0
  5. package/styles/ai-assistview/_theme.scss +12 -1
  6. package/styles/ai-assistview/ai-assistview-lite.css +129 -28
  7. package/styles/ai-assistview/ai-assistview.css +144 -30
  8. package/styles/base/base.css +76 -8
  9. package/styles/base/common/_core.scss +39 -6
  10. package/styles/base/definition/_material.scss +19 -0
  11. package/styles/compatibility/material.css +1 -1
  12. package/styles/customized/material.css +7961 -364
  13. package/styles/document-editor-container/_layout.scss +2 -0
  14. package/styles/excel-filter/_bigger.scss +1 -1
  15. package/styles/file-manager/_layout.scss +14 -3
  16. package/styles/file-manager/file-manager-lite.css +10 -2
  17. package/styles/file-manager/file-manager.css +10 -2
  18. package/styles/form-builder/_all.scss +2 -0
  19. package/styles/form-builder/_layout.scss +2550 -0
  20. package/styles/form-builder/_material-definition.scss +84 -0
  21. package/styles/form-builder/_mixin.scss +26 -0
  22. package/styles/form-builder/_theme.scss +711 -0
  23. package/styles/form-builder/_variables.scss +2 -0
  24. package/styles/form-builder/form-builder.css +2875 -0
  25. package/styles/form-builder/form-builder.scss +2 -0
  26. package/styles/form-builder/index.css +53 -0
  27. package/styles/form-builder/index.scss +53 -0
  28. package/styles/form-renderer/_layout.scss +83 -83
  29. package/styles/form-renderer/_theme.scss +19 -14
  30. package/styles/form-renderer/form-renderer.css +96 -93
  31. package/styles/gantt/_layout.scss +4 -0
  32. package/styles/gantt/gantt-lite.css +3 -0
  33. package/styles/gantt/gantt.css +3 -0
  34. package/styles/grid/_bigger.scss +70 -3
  35. package/styles/grid/_layout.scss +419 -2
  36. package/styles/grid/_material-definition.scss +31 -0
  37. package/styles/grid/_theme.scss +4 -1
  38. package/styles/grid/grid-lite.css +454 -2
  39. package/styles/grid/grid.css +515 -4
  40. package/styles/grid/icons/_material.scss +4 -0
  41. package/styles/headless-editor/_all.scss +2 -0
  42. package/styles/headless-editor/_bigger.scss +138 -0
  43. package/styles/headless-editor/_layout.scss +672 -0
  44. package/styles/headless-editor/_material-definition.scss +217 -0
  45. package/styles/headless-editor/_theme.scss +260 -0
  46. package/styles/headless-editor/_variables.scss +2 -0
  47. package/styles/headless-editor/headless-editor-lite.css +859 -0
  48. package/styles/headless-editor/headless-editor-lite.scss +2 -0
  49. package/styles/headless-editor/headless-editor.css +1003 -0
  50. package/styles/headless-editor/headless-editor.scss +3 -0
  51. package/styles/headless-editor/index-lite.css +2 -0
  52. package/styles/headless-editor/index-lite.scss +2 -0
  53. package/styles/headless-editor/index.css +2 -0
  54. package/styles/headless-editor/index.scss +2 -0
  55. package/styles/icons/material.css +37 -1
  56. package/styles/icons/material.scss +13 -1
  57. package/styles/kanban/_layout.scss +1 -1
  58. package/styles/kanban/kanban-lite.css +1 -1
  59. package/styles/kanban/kanban.css +1 -1
  60. package/styles/material-lite.css +3 -0
  61. package/styles/material-lite.scss +3 -0
  62. package/styles/material.css +3 -0
  63. package/styles/material.scss +3 -0
  64. package/styles/multi-select/_layout.scss +9 -0
  65. package/styles/multi-select/multi-select-lite.css +8 -0
  66. package/styles/multi-select/multi-select.css +8 -0
  67. package/styles/offline-theme/material.css +7961 -364
  68. package/styles/pager/_layout.scss +4 -0
  69. package/styles/pager/pager-lite.css +3 -0
  70. package/styles/pager/pager.css +3 -0
  71. package/styles/pdfviewer/_bigger.scss +162 -0
  72. package/styles/pdfviewer/_material-definition.scss +9 -0
  73. package/styles/pdfviewer/_theme.scss +2012 -46
  74. package/styles/pdfviewer/icons/_material.scss +44 -0
  75. package/styles/pdfviewer/pdfviewer-lite.css +1100 -42
  76. package/styles/pdfviewer/pdfviewer.css +1137 -55
  77. package/styles/pivotview/_layout.scss +8 -0
  78. package/styles/pivotview/_theme.scss +12 -3
  79. package/styles/pivotview/pivotview-lite.css +6 -2
  80. package/styles/pivotview/pivotview.css +6 -2
  81. package/styles/radio-button/_bigger.scss +1 -1
  82. package/styles/radio-button/_layout.scss +2 -2
  83. package/styles/ribbon/_layout.scss +12 -0
  84. package/styles/rich-text-editor/_bigger.scss +7 -7
  85. package/styles/rich-text-editor/_layout.scss +16 -12
  86. package/styles/rich-text-editor/_material-definition.scss +2 -2
  87. package/styles/rich-text-editor/_theme.scss +3 -1
  88. package/styles/rich-text-editor/rich-text-editor-lite.css +21 -18
  89. package/styles/rich-text-editor/rich-text-editor.css +35 -32
  90. package/styles/richtexteditor-ui/_all.scss +2 -0
  91. package/styles/richtexteditor-ui/_bigger.scss +178 -0
  92. package/styles/richtexteditor-ui/_layout.scss +902 -0
  93. package/styles/richtexteditor-ui/_material-definition.scss +268 -0
  94. package/styles/richtexteditor-ui/_mixin.scss +45 -0
  95. package/styles/richtexteditor-ui/_theme.scss +653 -0
  96. package/styles/richtexteditor-ui/_variables.scss +2 -0
  97. package/styles/richtexteditor-ui/icons/_material.scss +13 -0
  98. package/styles/richtexteditor-ui/index-lite.css +22 -0
  99. package/styles/richtexteditor-ui/index-lite.scss +22 -0
  100. package/styles/richtexteditor-ui/index.css +22 -0
  101. package/styles/richtexteditor-ui/index.scss +22 -0
  102. package/styles/richtexteditor-ui/richtexteditor-ui-lite.css +1097 -0
  103. package/styles/richtexteditor-ui/richtexteditor-ui-lite.scss +3 -0
  104. package/styles/richtexteditor-ui/richtexteditor-ui.css +1221 -0
  105. package/styles/richtexteditor-ui/richtexteditor-ui.scss +4 -0
  106. package/styles/schedule/_layout.scss +0 -5
  107. package/styles/schedule/schedule-lite.css +0 -4
  108. package/styles/schedule/schedule.css +0 -4
  109. package/styles/spreadsheet/_bigger.scss +13 -0
  110. package/styles/spreadsheet/_layout.scss +530 -3
  111. package/styles/spreadsheet/_material-definition.scss +2 -1
  112. package/styles/spreadsheet/_theme.scss +143 -0
  113. package/styles/spreadsheet/spreadsheet-lite.css +420 -3
  114. package/styles/spreadsheet/spreadsheet.css +427 -3
  115. package/styles/spreadsheet-ribbon/_layout.scss +12 -0
  116. package/styles/spreadsheet-ribbon/_material-definition.scss +2 -0
  117. package/styles/spreadsheet-ribbon/spreadsheet-ribbon-lite.css +9 -0
  118. package/styles/spreadsheet-ribbon/spreadsheet-ribbon.css +9 -0
  119. package/styles/treegrid/_bigger.scss +1 -1
  120. package/styles/treegrid/_layout.scss +1 -1
@@ -26,6 +26,14 @@
26
26
  &:not(.e-pivot-gbar) {
27
27
  min-width: $pivotgrid-width-310;
28
28
  }
29
+ @if ($skin-name =='FluentUI') {
30
+ .e-pivot-toolbar {
31
+ overflow: unset;
32
+ }
33
+ .e-pivot-toolbar .e-toolbar-item .e-tbar-btn:hover {
34
+ overflow: unset;
35
+ }
36
+ }
29
37
  }
30
38
 
31
39
  &.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
@@ -94,7 +94,7 @@
94
94
  margin-left: $pivotgrid-margin-10;
95
95
  }
96
96
 
97
- .e-valuescontent {
97
+ .e-grid:not(.e-rtl) .e-rowcell.e-valuescontent {
98
98
  opacity: $pivotview-grid-content-opacity;
99
99
  padding-right: $pivotgrid-padding-8;
100
100
  text-align: right;
@@ -383,6 +383,15 @@
383
383
 
384
384
  .e-grid {
385
385
 
386
+ &.e-hidelines,
387
+ &.e-horizontallines,
388
+ &.e-verticallines {
389
+ table th.e-stackedheadercell {
390
+ border-bottom-width: $pivotgrid-border-size !important;
391
+ border-right: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-default-border-color !important;
392
+ }
393
+ }
394
+
386
395
  th.e-leftfreeze {
387
396
  border-left-width: 0 !important;
388
397
  }
@@ -509,7 +518,7 @@
509
518
  padding: $pivotgrid-padding-0 !important;
510
519
  }
511
520
  }
512
-
521
+
513
522
  .sf-grid .e-spinner-pane {
514
523
  z-index: 1 !important;
515
524
  }
@@ -946,7 +955,7 @@
946
955
  flex: none;
947
956
  width: $pivotgrid-width-100p;
948
957
 
949
- &.e-tabular-group-rows {
958
+ &.e-tabular-group-rows.e-tabular-group-rows-with-fields {
950
959
  padding-top: $pivotgrid-padding-3 !important;
951
960
  }
952
961
 
@@ -813,7 +813,7 @@
813
813
  .e-pivotview .e-rowsheader .e-cellvalue {
814
814
  margin-left: 10px;
815
815
  }
816
- .e-pivotview .e-valuescontent {
816
+ .e-pivotview .e-grid:not(.e-rtl) .e-rowcell.e-valuescontent {
817
817
  opacity: 0.87;
818
818
  padding-right: 8px;
819
819
  text-align: right;
@@ -1018,6 +1018,10 @@
1018
1018
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1019
1019
  color: rgba(0, 0, 0, 0.54) !important;
1020
1020
  }
1021
+ .e-pivotview .e-grid.e-hidelines table th.e-stackedheadercell, .e-pivotview .e-grid.e-horizontallines table th.e-stackedheadercell, .e-pivotview .e-grid.e-verticallines table th.e-stackedheadercell {
1022
+ border-bottom-width: 1px !important;
1023
+ border-right: 1px solid #e0e0e0 !important;
1024
+ }
1021
1025
  .e-pivotview .e-grid th.e-leftfreeze {
1022
1026
  border-left-width: 0 !important;
1023
1027
  }
@@ -1520,7 +1524,7 @@
1520
1524
  flex: none;
1521
1525
  width: 100%;
1522
1526
  }
1523
- .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows {
1527
+ .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows.e-tabular-group-rows-with-fields {
1524
1528
  padding-top: 3px !important;
1525
1529
  }
1526
1530
  .e-pivotview .e-group-row .e-group-rows.e-static-server-rendering {
@@ -813,7 +813,7 @@
813
813
  .e-pivotview .e-rowsheader .e-cellvalue {
814
814
  margin-left: 10px;
815
815
  }
816
- .e-pivotview .e-valuescontent {
816
+ .e-pivotview .e-grid:not(.e-rtl) .e-rowcell.e-valuescontent {
817
817
  opacity: 0.87;
818
818
  padding-right: 8px;
819
819
  text-align: right;
@@ -1018,6 +1018,10 @@
1018
1018
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1019
1019
  color: rgba(0, 0, 0, 0.54) !important;
1020
1020
  }
1021
+ .e-pivotview .e-grid.e-hidelines table th.e-stackedheadercell, .e-pivotview .e-grid.e-horizontallines table th.e-stackedheadercell, .e-pivotview .e-grid.e-verticallines table th.e-stackedheadercell {
1022
+ border-bottom-width: 1px !important;
1023
+ border-right: 1px solid #e0e0e0 !important;
1024
+ }
1021
1025
  .e-pivotview .e-grid th.e-leftfreeze {
1022
1026
  border-left-width: 0 !important;
1023
1027
  }
@@ -1520,7 +1524,7 @@
1520
1524
  flex: none;
1521
1525
  width: 100%;
1522
1526
  }
1523
- .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows {
1527
+ .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows.e-tabular-group-rows-with-fields {
1524
1528
  padding-top: 3px !important;
1525
1529
  }
1526
1530
  .e-pivotview .e-group-row .e-group-rows.e-static-server-rendering {
@@ -143,7 +143,7 @@
143
143
 
144
144
  .e-bigger .e-radio + label,
145
145
  .e-radio + label.e-bigger {
146
- @if $skin-name == 'fluent2' {
146
+ @if $skin-name == 'fluent2' or $skin-name == 'tailwind3' {
147
147
  margin: $radio-bigger-btn-label-margin;
148
148
  }
149
149
 
@@ -77,9 +77,9 @@
77
77
  white-space: nowrap;
78
78
  @if $skin-name == 'FluentUI' {
79
79
  border: 1px solid transparent;
80
- height: 24px;
80
+ min-height: 24px;
81
81
  }
82
- @if $skin-name == 'fluent2' {
82
+ @if $skin-name == 'fluent2' or $skin-name == 'tailwind3' {
83
83
  margin: $radio-btn-focus-margin;
84
84
  }
85
85
 
@@ -846,6 +846,18 @@
846
846
  }
847
847
  }
848
848
 
849
+ .e-ribbon-group-overflow {
850
+ &.e-ribbon-large-item {
851
+ .e-btn {
852
+ .e-table {
853
+ @if ($skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'fabric' or $skin-name == 'bootstrap5') {
854
+ margin-bottom: 5px;
855
+ }
856
+ }
857
+ }
858
+ }
859
+ }
860
+
849
861
  .e-ribbon-group-overflow {
850
862
  height: $ribbon-group-overflow-height;
851
863
  padding: $ribbon-group-overflow-padding;
@@ -8,31 +8,31 @@
8
8
  height: calc(100% - 56px);
9
9
  }
10
10
 
11
- .e-rte-edit-table {
11
+ .e-rte-edit-table.e-popup-open {
12
12
  max-height: $rte-big-table-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
13
13
  }
14
14
 
15
- .e-rte-edit-table-prop-dialog {
15
+ .e-rte-edit-table-prop-dialog.e-popup-open {
16
16
  max-height: $rte-big-edit-table-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
17
17
  }
18
18
 
19
- .e-rte-link-dialog {
19
+ .e-rte-link-dialog.e-popup-open {
20
20
  max-height: $rte-big-link-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
21
21
  }
22
22
 
23
- .e-rte-img-dialog {
23
+ .e-rte-img-dialog.e-popup-open {
24
24
  min-height: $rte-big-img-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
25
25
  }
26
26
 
27
- .e-rte-img-link-dialog {
27
+ .e-rte-img-link-dialog.e-popup-open {
28
28
  max-height: $rte-big-img-link-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
29
29
  }
30
30
 
31
- .e-rte-img-size-dialog {
31
+ .e-rte-img-size-dialog.e-popup-open {
32
32
  max-height: $rte-big-img-size-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
33
33
  }
34
34
 
35
- .e-rte-img-alt-dialog {
35
+ .e-rte-img-alt-dialog.e-popup-open {
36
36
  min-height: $rte-big-img-alt-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
37
37
  }
38
38
  }
@@ -132,40 +132,40 @@
132
132
  height: calc(100% - 42px);
133
133
  }
134
134
 
135
- .e-rte-edit-table {
135
+ .e-rte-edit-table.e-popup-open {
136
136
  max-height: $rte-table-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
137
137
  }
138
138
 
139
- .e-rte-edit-table-prop-dialog {
139
+ .e-rte-edit-table-prop-dialog.e-popup-open {
140
140
  max-height: $rte-edit-table-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
141
141
  }
142
142
 
143
- .e-rte-link-dialog {
143
+ .e-rte-link-dialog.e-popup-open {
144
144
  max-height: $rte-link-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
145
145
  }
146
146
 
147
- .e-rte-img-dialog {
147
+ .e-rte-img-dialog.e-popup-open {
148
148
  max-height: $rte-img-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
149
149
  }
150
150
 
151
- .e-rte-img-link-dialog {
151
+ .e-rte-img-link-dialog.e-popup-open {
152
152
  max-height: $rte-img-link-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
153
153
  }
154
154
 
155
- .e-rte-img-size-dialog {
155
+ .e-rte-img-size-dialog.e-popup-open {
156
156
  max-height: $rte-img-size-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
157
157
  }
158
158
 
159
- .e-rte-img-alt-dialog {
159
+ .e-rte-img-alt-dialog.e-popup-open {
160
160
  max-height: $rte-img-alt-dlg-max-height !important; /* stylelint-disable-line declaration-no-important */
161
161
  }
162
162
  }
163
163
 
164
- &.e-rtl .e-rte-tb-bottom .e-rte-character-count {
164
+ &.e-rtl .e-count-enabled .e-rte-tb-bottom .e-rte-character-count {
165
165
  text-align: left;
166
166
  }
167
167
 
168
- &.e-rtl .e-rte-character-count {
168
+ &.e-rtl .e-count-enabled .e-rte-character-count {
169
169
  margin-right: $rte-character-count-rtl-margin-right;
170
170
  padding-left: $rte-character-count-padding-left;
171
171
  padding-right: $rte-character-count-padding-right;
@@ -611,14 +611,18 @@
611
611
  }
612
612
  }
613
613
 
614
- .e-rte-tb-bottom {
614
+ .e-count-enabled .e-rte-tb-bottom {
615
615
  .e-rte-character-count {
616
616
  position: relative;
617
617
  text-align: right;
618
618
  }
619
619
  }
620
620
 
621
- .e-rte-character-count {
621
+ :not(.e-count-enabled) .e-rte-character-count {
622
+ display: none;
623
+ }
624
+
625
+ .e-count-enabled .e-rte-character-count {
622
626
  color: $rte-default-character-count-color;
623
627
  font-size: $rte-default-character-count-font-size;
624
628
  margin-right: $rte-default-character-count-margin-right;
@@ -639,7 +643,7 @@
639
643
  }
640
644
  }
641
645
 
642
- &:not(.e-rtl) .e-rte-character-count:last-child {
646
+ &:not(.e-rtl) .e-count-enabled .e-rte-character-count:last-child {
643
647
  margin-right: $rte-character-count-last-child-margin-right;
644
648
  }
645
649
 
@@ -230,8 +230,8 @@ $rte-big-img-upload-abort-icon-btn-margin-top: -2px;
230
230
  $rte-big-img-upload-abort-icon-btn-padding: 18px;
231
231
  $rte-dialog-upload-status-progress: #0378d5 !default;
232
232
  $rte-content-pre-background: inherit;
233
- $rte-code-background: rgba(243, 244, 246, 1) !default;
234
- $rte-code-color: rgba(224, 0, 5, 1) !default;
233
+ $rte-code-background: rgba(157, 157, 157, .15) !default;
234
+ $rte-code-color: rgba(237, 72, 76) !default;
235
235
  $rte-code-block-label-font-weight: 600 !default;
236
236
  $rte-code-block-label-font-family: Roboto !default;
237
237
  $rte-code-block-label-line-height: 18px !default;
@@ -48,7 +48,9 @@
48
48
 
49
49
  .e-toolbar-wrapper,
50
50
  .e-toolbar-container {
51
- border-bottom: $rte-toolbar-wrapper-container-border-bottom;
51
+ &:not(.e-rte-tb-bottom) {
52
+ border-bottom: $rte-toolbar-wrapper-container-border-bottom;
53
+ }
52
54
  }
53
55
 
54
56
  iframe.e-rte-content {
@@ -682,31 +682,31 @@
682
682
  .e-richtexteditor.e-rte-full-screen iframe {
683
683
  height: calc(100% - 42px);
684
684
  }
685
- .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
685
+ .e-richtexteditor.e-rte-full-screen .e-rte-edit-table.e-popup-open {
686
686
  max-height: 250px !important; /* stylelint-disable-line declaration-no-important */
687
687
  }
688
- .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
688
+ .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open {
689
689
  max-height: 321px !important; /* stylelint-disable-line declaration-no-important */
690
690
  }
691
- .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
691
+ .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog.e-popup-open {
692
692
  max-height: 365px !important; /* stylelint-disable-line declaration-no-important */
693
693
  }
694
- .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
694
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog.e-popup-open {
695
695
  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
696
696
  }
697
- .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
697
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open {
698
698
  max-height: 198px !important; /* stylelint-disable-line declaration-no-important */
699
699
  }
700
- .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
700
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open {
701
701
  max-height: 260px !important; /* stylelint-disable-line declaration-no-important */
702
702
  }
703
- .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
703
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open {
704
704
  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
705
705
  }
706
- .e-richtexteditor.e-rtl .e-rte-tb-bottom .e-rte-character-count {
706
+ .e-richtexteditor.e-rtl .e-count-enabled .e-rte-tb-bottom .e-rte-character-count {
707
707
  text-align: left;
708
708
  }
709
- .e-richtexteditor.e-rtl .e-rte-character-count {
709
+ .e-richtexteditor.e-rtl .e-count-enabled .e-rte-character-count {
710
710
  margin-right: auto;
711
711
  padding-left: 30px;
712
712
  padding-right: unset;
@@ -822,8 +822,8 @@
822
822
  .e-richtexteditor .e-rte-content .e-content code,
823
823
  .e-richtexteditor .e-source-content .e-content code,
824
824
  .e-richtexteditor .e-rte-iframe-content .e-content code {
825
- background: rgb(243, 244, 246);
826
- color: rgb(224, 0, 5);
825
+ background: rgba(157, 157, 157, 0.15);
826
+ color: rgb(237, 72, 76);
827
827
  }
828
828
  .e-richtexteditor .e-rte-content .e-content hr,
829
829
  .e-richtexteditor .e-source-content .e-content hr,
@@ -1184,11 +1184,14 @@
1184
1184
  -ms-user-select: none;
1185
1185
  user-select: none;
1186
1186
  }
1187
- .e-richtexteditor .e-rte-tb-bottom .e-rte-character-count {
1187
+ .e-richtexteditor .e-count-enabled .e-rte-tb-bottom .e-rte-character-count {
1188
1188
  position: relative;
1189
1189
  text-align: right;
1190
1190
  }
1191
- .e-richtexteditor .e-rte-character-count {
1191
+ .e-richtexteditor :not(.e-count-enabled) .e-rte-character-count {
1192
+ display: none;
1193
+ }
1194
+ .e-richtexteditor .e-count-enabled .e-rte-character-count {
1192
1195
  color: #000;
1193
1196
  font-size: 14px;
1194
1197
  margin-right: 15px;
@@ -1198,15 +1201,15 @@
1198
1201
  z-index: 100;
1199
1202
  pointer-events: none;
1200
1203
  }
1201
- .e-richtexteditor .e-rte-character-count.e-warning {
1204
+ .e-richtexteditor .e-count-enabled .e-rte-character-count.e-warning {
1202
1205
  color: #ffb74d;
1203
1206
  opacity: unset;
1204
1207
  }
1205
- .e-richtexteditor .e-rte-character-count.e-error {
1208
+ .e-richtexteditor .e-count-enabled .e-rte-character-count.e-error {
1206
1209
  color: #c62828;
1207
1210
  opacity: unset;
1208
1211
  }
1209
- .e-richtexteditor:not(.e-rtl) .e-rte-character-count:last-child {
1212
+ .e-richtexteditor:not(.e-rtl) .e-count-enabled .e-rte-character-count:last-child {
1210
1213
  margin-right: 10px;
1211
1214
  }
1212
1215
  .e-richtexteditor .e-rte-srctextarea {
@@ -3002,8 +3005,8 @@
3002
3005
  .e-rte-container .e-toolbar-wrapper.e-rte-tb-bottom {
3003
3006
  border-top: 1px solid rgba(0, 0, 0, 0.12);
3004
3007
  }
3005
- .e-toolbar-wrapper,
3006
- .e-toolbar-container {
3008
+ .e-toolbar-wrapper:not(.e-rte-tb-bottom),
3009
+ .e-toolbar-container:not(.e-rte-tb-bottom) {
3007
3010
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3008
3011
  }
3009
3012
  iframe.e-rte-content {
@@ -682,31 +682,31 @@
682
682
  .e-richtexteditor.e-rte-full-screen iframe {
683
683
  height: calc(100% - 42px);
684
684
  }
685
- .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
685
+ .e-richtexteditor.e-rte-full-screen .e-rte-edit-table.e-popup-open {
686
686
  max-height: 250px !important; /* stylelint-disable-line declaration-no-important */
687
687
  }
688
- .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
688
+ .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open {
689
689
  max-height: 321px !important; /* stylelint-disable-line declaration-no-important */
690
690
  }
691
- .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
691
+ .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog.e-popup-open {
692
692
  max-height: 365px !important; /* stylelint-disable-line declaration-no-important */
693
693
  }
694
- .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
694
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog.e-popup-open {
695
695
  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
696
696
  }
697
- .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
697
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open {
698
698
  max-height: 198px !important; /* stylelint-disable-line declaration-no-important */
699
699
  }
700
- .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
700
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open {
701
701
  max-height: 260px !important; /* stylelint-disable-line declaration-no-important */
702
702
  }
703
- .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
703
+ .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open {
704
704
  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
705
705
  }
706
- .e-richtexteditor.e-rtl .e-rte-tb-bottom .e-rte-character-count {
706
+ .e-richtexteditor.e-rtl .e-count-enabled .e-rte-tb-bottom .e-rte-character-count {
707
707
  text-align: left;
708
708
  }
709
- .e-richtexteditor.e-rtl .e-rte-character-count {
709
+ .e-richtexteditor.e-rtl .e-count-enabled .e-rte-character-count {
710
710
  margin-right: auto;
711
711
  padding-left: 30px;
712
712
  padding-right: unset;
@@ -822,8 +822,8 @@
822
822
  .e-richtexteditor .e-rte-content .e-content code,
823
823
  .e-richtexteditor .e-source-content .e-content code,
824
824
  .e-richtexteditor .e-rte-iframe-content .e-content code {
825
- background: rgb(243, 244, 246);
826
- color: rgb(224, 0, 5);
825
+ background: rgba(157, 157, 157, 0.15);
826
+ color: rgb(237, 72, 76);
827
827
  }
828
828
  .e-richtexteditor .e-rte-content .e-content hr,
829
829
  .e-richtexteditor .e-source-content .e-content hr,
@@ -1184,11 +1184,14 @@
1184
1184
  -ms-user-select: none;
1185
1185
  user-select: none;
1186
1186
  }
1187
- .e-richtexteditor .e-rte-tb-bottom .e-rte-character-count {
1187
+ .e-richtexteditor .e-count-enabled .e-rte-tb-bottom .e-rte-character-count {
1188
1188
  position: relative;
1189
1189
  text-align: right;
1190
1190
  }
1191
- .e-richtexteditor .e-rte-character-count {
1191
+ .e-richtexteditor :not(.e-count-enabled) .e-rte-character-count {
1192
+ display: none;
1193
+ }
1194
+ .e-richtexteditor .e-count-enabled .e-rte-character-count {
1192
1195
  color: #000;
1193
1196
  font-size: 14px;
1194
1197
  margin-right: 15px;
@@ -1198,15 +1201,15 @@
1198
1201
  z-index: 100;
1199
1202
  pointer-events: none;
1200
1203
  }
1201
- .e-richtexteditor .e-rte-character-count.e-warning {
1204
+ .e-richtexteditor .e-count-enabled .e-rte-character-count.e-warning {
1202
1205
  color: #ffb74d;
1203
1206
  opacity: unset;
1204
1207
  }
1205
- .e-richtexteditor .e-rte-character-count.e-error {
1208
+ .e-richtexteditor .e-count-enabled .e-rte-character-count.e-error {
1206
1209
  color: #c62828;
1207
1210
  opacity: unset;
1208
1211
  }
1209
- .e-richtexteditor:not(.e-rtl) .e-rte-character-count:last-child {
1212
+ .e-richtexteditor:not(.e-rtl) .e-count-enabled .e-rte-character-count:last-child {
1210
1213
  margin-right: 10px;
1211
1214
  }
1212
1215
  .e-richtexteditor .e-rte-srctextarea {
@@ -3002,8 +3005,8 @@
3002
3005
  .e-rte-container .e-toolbar-wrapper.e-rte-tb-bottom {
3003
3006
  border-top: 1px solid rgba(0, 0, 0, 0.12);
3004
3007
  }
3005
- .e-toolbar-wrapper,
3006
- .e-toolbar-container {
3008
+ .e-toolbar-wrapper:not(.e-rte-tb-bottom),
3009
+ .e-toolbar-container:not(.e-rte-tb-bottom) {
3007
3010
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3008
3011
  }
3009
3012
  iframe.e-rte-content {
@@ -3529,32 +3532,32 @@ span.e-table-box.e-rbox-select {
3529
3532
  .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
3530
3533
  height: calc(100% - 56px);
3531
3534
  }
3532
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
3533
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
3535
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table.e-popup-open,
3536
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table.e-popup-open {
3534
3537
  max-height: 312px !important; /* stylelint-disable-line declaration-no-important */
3535
3538
  }
3536
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
3537
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
3539
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open,
3540
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open {
3538
3541
  max-height: 385px !important; /* stylelint-disable-line declaration-no-important */
3539
3542
  }
3540
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
3541
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
3543
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog.e-popup-open,
3544
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog.e-popup-open {
3542
3545
  max-height: 437px !important; /* stylelint-disable-line declaration-no-important */
3543
3546
  }
3544
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
3545
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
3547
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog.e-popup-open,
3548
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog.e-popup-open {
3546
3549
  min-height: 451px !important; /* stylelint-disable-line declaration-no-important */
3547
3550
  }
3548
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
3549
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
3551
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open,
3552
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open {
3550
3553
  max-height: 250px !important; /* stylelint-disable-line declaration-no-important */
3551
3554
  }
3552
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
3553
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
3555
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open,
3556
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open {
3554
3557
  max-height: 312px !important; /* stylelint-disable-line declaration-no-important */
3555
3558
  }
3556
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
3557
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
3559
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open,
3560
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open {
3558
3561
  min-height: 451px !important; /* stylelint-disable-line declaration-no-important */
3559
3562
  }
3560
3563
  .e-bigger .e-richtexteditor .e-dialog.e-rte-dialog-minheight,
@@ -0,0 +1,2 @@
1
+ @forward 'layout';
2
+ @forward 'theme';