@syncfusion/ej2-fabric-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/_fabric-definition.scss +3 -0
  4. package/styles/ai-assistview/_layout.scss +77 -11
  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/_fabric.scss +19 -0
  11. package/styles/compatibility/fabric.css +1 -1
  12. package/styles/document-editor-container/_layout.scss +2 -0
  13. package/styles/excel-filter/_bigger.scss +1 -1
  14. package/styles/fabric-lite.css +3 -0
  15. package/styles/fabric-lite.scss +3 -0
  16. package/styles/fabric.css +3 -0
  17. package/styles/fabric.scss +3 -0
  18. package/styles/file-manager/_layout.scss +14 -3
  19. package/styles/file-manager/file-manager-lite.css +10 -2
  20. package/styles/file-manager/file-manager.css +10 -2
  21. package/styles/form-builder/_all.scss +2 -0
  22. package/styles/form-builder/_fabric-definition.scss +84 -0
  23. package/styles/form-builder/_layout.scss +2550 -0
  24. package/styles/form-builder/_mixin.scss +26 -0
  25. package/styles/form-builder/_theme.scss +711 -0
  26. package/styles/form-builder/_variables.scss +2 -0
  27. package/styles/form-builder/form-builder.css +2872 -0
  28. package/styles/form-builder/form-builder.scss +2 -0
  29. package/styles/form-builder/index.css +53 -0
  30. package/styles/form-builder/index.scss +53 -0
  31. package/styles/form-renderer/_layout.scss +83 -83
  32. package/styles/form-renderer/_theme.scss +19 -14
  33. package/styles/form-renderer/form-renderer.css +96 -93
  34. package/styles/gantt/_layout.scss +4 -0
  35. package/styles/gantt/gantt-lite.css +3 -0
  36. package/styles/gantt/gantt.css +3 -0
  37. package/styles/grid/_bigger.scss +70 -3
  38. package/styles/grid/_fabric-definition.scss +29 -0
  39. package/styles/grid/_layout.scss +419 -2
  40. package/styles/grid/_theme.scss +4 -1
  41. package/styles/grid/grid-lite.css +454 -2
  42. package/styles/grid/grid.css +515 -4
  43. package/styles/grid/icons/_fabric.scss +4 -0
  44. package/styles/headless-editor/_all.scss +2 -0
  45. package/styles/headless-editor/_bigger.scss +138 -0
  46. package/styles/headless-editor/_fabric-definition.scss +217 -0
  47. package/styles/headless-editor/_layout.scss +672 -0
  48. package/styles/headless-editor/_theme.scss +260 -0
  49. package/styles/headless-editor/_variables.scss +2 -0
  50. package/styles/headless-editor/headless-editor-lite.css +859 -0
  51. package/styles/headless-editor/headless-editor-lite.scss +2 -0
  52. package/styles/headless-editor/headless-editor.css +1003 -0
  53. package/styles/headless-editor/headless-editor.scss +3 -0
  54. package/styles/headless-editor/index-lite.css +2 -0
  55. package/styles/headless-editor/index-lite.scss +2 -0
  56. package/styles/headless-editor/index.css +2 -0
  57. package/styles/headless-editor/index.scss +2 -0
  58. package/styles/icons/fabric.css +37 -1
  59. package/styles/icons/fabric.scss +13 -1
  60. package/styles/kanban/_layout.scss +1 -1
  61. package/styles/kanban/kanban-lite.css +1 -1
  62. package/styles/kanban/kanban.css +1 -1
  63. package/styles/multi-select/_layout.scss +9 -0
  64. package/styles/multi-select/multi-select-lite.css +8 -0
  65. package/styles/multi-select/multi-select.css +8 -0
  66. package/styles/pager/_layout.scss +4 -0
  67. package/styles/pager/pager-lite.css +3 -0
  68. package/styles/pager/pager.css +3 -0
  69. package/styles/pdfviewer/_bigger.scss +162 -0
  70. package/styles/pdfviewer/_fabric-definition.scss +9 -0
  71. package/styles/pdfviewer/_theme.scss +2012 -46
  72. package/styles/pdfviewer/icons/_fabric.scss +44 -0
  73. package/styles/pdfviewer/pdfviewer-lite.css +1088 -43
  74. package/styles/pdfviewer/pdfviewer.css +1122 -53
  75. package/styles/pivotview/_layout.scss +8 -0
  76. package/styles/pivotview/_theme.scss +12 -3
  77. package/styles/pivotview/pivotview-lite.css +6 -2
  78. package/styles/pivotview/pivotview.css +6 -2
  79. package/styles/radio-button/_bigger.scss +1 -1
  80. package/styles/radio-button/_layout.scss +2 -2
  81. package/styles/ribbon/_layout.scss +12 -0
  82. package/styles/ribbon/ribbon-lite.css +4 -0
  83. package/styles/ribbon/ribbon.css +4 -0
  84. package/styles/rich-text-editor/_bigger.scss +7 -7
  85. package/styles/rich-text-editor/_fabric-definition.scss +2 -2
  86. package/styles/rich-text-editor/_layout.scss +16 -12
  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/_fabric-definition.scss +275 -0
  93. package/styles/richtexteditor-ui/_layout.scss +902 -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/_fabric.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 +1104 -0
  103. package/styles/richtexteditor-ui/richtexteditor-ui-lite.scss +3 -0
  104. package/styles/richtexteditor-ui/richtexteditor-ui.css +1228 -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/_fabric-definition.scss +2 -1
  111. package/styles/spreadsheet/_layout.scss +530 -3
  112. package/styles/spreadsheet/_theme.scss +143 -0
  113. package/styles/spreadsheet/spreadsheet-lite.css +423 -3
  114. package/styles/spreadsheet/spreadsheet.css +430 -3
  115. package/styles/spreadsheet-ribbon/_fabric-definition.scss +2 -0
  116. package/styles/spreadsheet-ribbon/_layout.scss +12 -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
 
@@ -817,7 +817,7 @@
817
817
  .e-pivotview .e-rowsheader .e-cellvalue {
818
818
  margin-left: 10px;
819
819
  }
820
- .e-pivotview .e-valuescontent {
820
+ .e-pivotview .e-grid:not(.e-rtl) .e-rowcell.e-valuescontent {
821
821
  opacity: 1;
822
822
  padding-right: 8px;
823
823
  text-align: right;
@@ -1022,6 +1022,10 @@
1022
1022
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1023
1023
  color: #666 !important;
1024
1024
  }
1025
+ .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 {
1026
+ border-bottom-width: 1px !important;
1027
+ border-right: 1px solid #dadada !important;
1028
+ }
1025
1029
  .e-pivotview .e-grid th.e-leftfreeze {
1026
1030
  border-left-width: 0 !important;
1027
1031
  }
@@ -1521,7 +1525,7 @@
1521
1525
  flex: none;
1522
1526
  width: 100%;
1523
1527
  }
1524
- .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows {
1528
+ .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows.e-tabular-group-rows-with-fields {
1525
1529
  padding-top: 3px !important;
1526
1530
  }
1527
1531
  .e-pivotview .e-group-row .e-group-rows.e-static-server-rendering {
@@ -817,7 +817,7 @@
817
817
  .e-pivotview .e-rowsheader .e-cellvalue {
818
818
  margin-left: 10px;
819
819
  }
820
- .e-pivotview .e-valuescontent {
820
+ .e-pivotview .e-grid:not(.e-rtl) .e-rowcell.e-valuescontent {
821
821
  opacity: 1;
822
822
  padding-right: 8px;
823
823
  text-align: right;
@@ -1022,6 +1022,10 @@
1022
1022
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
1023
1023
  color: #666 !important;
1024
1024
  }
1025
+ .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 {
1026
+ border-bottom-width: 1px !important;
1027
+ border-right: 1px solid #dadada !important;
1028
+ }
1025
1029
  .e-pivotview .e-grid th.e-leftfreeze {
1026
1030
  border-left-width: 0 !important;
1027
1031
  }
@@ -1521,7 +1525,7 @@
1521
1525
  flex: none;
1522
1526
  width: 100%;
1523
1527
  }
1524
- .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows {
1528
+ .e-pivotview .e-group-row .e-group-rows.e-tabular-group-rows.e-tabular-group-rows-with-fields {
1525
1529
  padding-top: 3px !important;
1526
1530
  }
1527
1531
  .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;
@@ -705,6 +705,10 @@
705
705
  line-height: 12px;
706
706
  padding: 0 15px;
707
707
  }
708
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-table,
709
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-table {
710
+ margin-bottom: 5px;
711
+ }
708
712
  .e-ribbon.e-rbn .e-ribbon-group-overflow,
709
713
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
710
714
  height: 108px;
@@ -705,6 +705,10 @@
705
705
  line-height: 12px;
706
706
  padding: 0 15px;
707
707
  }
708
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-table,
709
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-table {
710
+ margin-bottom: 5px;
711
+ }
708
712
  .e-ribbon.e-rbn .e-ribbon-group-overflow,
709
713
  .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
710
714
  height: 108px;
@@ -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
  }
@@ -225,8 +225,8 @@ $rte-big-img-upload-abort-icon-btn-margin-top: 3px;
225
225
  $rte-big-img-upload-abort-icon-btn-padding: 18px;
226
226
  $rte-dialog-upload-status-progress: #0378d5 !default;
227
227
  $rte-content-pre-background: inherit;
228
- $rte-code-background: rgba(243, 244, 246, 1) !default;
229
- $rte-code-color: rgba(224, 0, 5, 1) !default;
228
+ $rte-code-background: rgba(157, 157, 157, .15) !default;
229
+ $rte-code-color: rgba(237, 72, 76) !default;
230
230
  $rte-code-block-label-font-weight: 600 !default;
231
231
  $rte-code-block-label-font-family: Segoe UI !default;
232
232
  $rte-code-block-label-line-height: 18px !default;
@@ -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
 
@@ -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: 293px !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: 373px !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: 404px !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: 431px !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: 225px !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: 289px !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: 431px !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 {
@@ -2994,8 +2997,8 @@
2994
2997
  .e-rte-container .e-toolbar-wrapper.e-rte-tb-bottom {
2995
2998
  border-top: 1px solid #dadada;
2996
2999
  }
2997
- .e-toolbar-wrapper,
2998
- .e-toolbar-container {
3000
+ .e-toolbar-wrapper:not(.e-rte-tb-bottom),
3001
+ .e-toolbar-container:not(.e-rte-tb-bottom) {
2999
3002
  border-bottom: 1px solid #dadada;
3000
3003
  }
3001
3004
  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: 293px !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: 373px !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: 404px !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: 431px !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: 225px !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: 289px !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: 431px !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 {
@@ -2994,8 +2997,8 @@
2994
2997
  .e-rte-container .e-toolbar-wrapper.e-rte-tb-bottom {
2995
2998
  border-top: 1px solid #dadada;
2996
2999
  }
2997
- .e-toolbar-wrapper,
2998
- .e-toolbar-container {
3000
+ .e-toolbar-wrapper:not(.e-rte-tb-bottom),
3001
+ .e-toolbar-container:not(.e-rte-tb-bottom) {
2999
3002
  border-bottom: 1px solid #dadada;
3000
3003
  }
3001
3004
  iframe.e-rte-content {
@@ -3526,32 +3529,32 @@ span.e-table-box.e-rbox-select {
3526
3529
  .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
3527
3530
  height: calc(100% - 56px);
3528
3531
  }
3529
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
3530
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
3532
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table.e-popup-open,
3533
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table.e-popup-open {
3531
3534
  max-height: 335px !important; /* stylelint-disable-line declaration-no-important */
3532
3535
  }
3533
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
3534
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
3536
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open,
3537
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog.e-popup-open {
3535
3538
  max-height: 427px !important; /* stylelint-disable-line declaration-no-important */
3536
3539
  }
3537
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
3538
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
3540
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog.e-popup-open,
3541
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog.e-popup-open {
3539
3542
  max-height: 430px !important; /* stylelint-disable-line declaration-no-important */
3540
3543
  }
3541
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
3542
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
3544
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog.e-popup-open,
3545
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog.e-popup-open {
3543
3546
  min-height: 456px !important; /* stylelint-disable-line declaration-no-important */
3544
3547
  }
3545
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
3546
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
3548
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open,
3549
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog.e-popup-open {
3547
3550
  max-height: 252px !important; /* stylelint-disable-line declaration-no-important */
3548
3551
  }
3549
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
3550
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
3552
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open,
3553
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog.e-popup-open {
3551
3554
  max-height: 331px !important; /* stylelint-disable-line declaration-no-important */
3552
3555
  }
3553
- .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
3554
- .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
3556
+ .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open,
3557
+ .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog.e-popup-open {
3555
3558
  min-height: 456px !important; /* stylelint-disable-line declaration-no-important */
3556
3559
  }
3557
3560
  .e-bigger .e-richtexteditor .e-dialog.e-rte-dialog-minheight,
@@ -0,0 +1,2 @@
1
+ @forward 'layout';
2
+ @forward 'theme';