@syncfusion/ej2-angular-richtexteditor 21.2.10 → 22.1.34

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 (148) hide show
  1. package/README.md +53 -109
  2. package/esm2020/src/index.mjs +2 -2
  3. package/esm2020/src/rich-text-editor/richtexteditor-all.module.mjs +4 -13
  4. package/esm2020/src/rich-text-editor/richtexteditor.component.mjs +4 -25
  5. package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs +15 -45
  6. package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs +7 -37
  8. package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs.map +1 -1
  9. package/license +10 -0
  10. package/package.json +17 -12
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/index.d.ts +1 -1
  13. package/src/rich-text-editor/richtexteditor-all.module.d.ts +0 -3
  14. package/src/rich-text-editor/richtexteditor.component.d.ts +1 -8
  15. package/styles/bootstrap-dark.css +299 -137
  16. package/styles/bootstrap.css +305 -140
  17. package/styles/bootstrap4.css +304 -133
  18. package/styles/bootstrap5-dark.css +310 -165
  19. package/styles/bootstrap5.css +310 -165
  20. package/styles/fabric-dark.css +297 -136
  21. package/styles/fabric.css +294 -133
  22. package/styles/fluent-dark.css +311 -170
  23. package/styles/fluent.css +311 -170
  24. package/styles/highcontrast-light.css +289 -128
  25. package/styles/highcontrast.css +296 -135
  26. package/styles/material-dark.css +295 -129
  27. package/styles/material.css +300 -134
  28. package/styles/material3-dark.css +3082 -0
  29. package/styles/material3-dark.scss +3 -0
  30. package/styles/material3.css +3138 -0
  31. package/styles/material3.scss +3 -0
  32. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +54 -12
  33. package/styles/rich-text-editor/_bootstrap-definition.scss +57 -13
  34. package/styles/rich-text-editor/_bootstrap4-definition.scss +50 -7
  35. package/styles/rich-text-editor/_bootstrap5-definition.scss +56 -13
  36. package/styles/rich-text-editor/_fabric-dark-definition.scss +53 -10
  37. package/styles/rich-text-editor/_fabric-definition.scss +52 -9
  38. package/styles/rich-text-editor/_fluent-definition.scss +56 -15
  39. package/styles/rich-text-editor/_fusionnew-definition.scss +46 -4
  40. package/styles/rich-text-editor/_highcontrast-definition.scss +52 -9
  41. package/styles/rich-text-editor/_highcontrast-light-definition.scss +48 -5
  42. package/styles/rich-text-editor/_layout.scss +280 -68
  43. package/styles/rich-text-editor/_material-dark-definition.scss +48 -5
  44. package/styles/rich-text-editor/_material-definition.scss +50 -6
  45. package/styles/rich-text-editor/_material3-dark-definition.scss +1 -0
  46. package/styles/rich-text-editor/_material3-definition.scss +262 -0
  47. package/styles/rich-text-editor/_tailwind-definition.scss +63 -23
  48. package/styles/rich-text-editor/_theme.scss +103 -19
  49. package/styles/rich-text-editor/bootstrap-dark.css +299 -137
  50. package/styles/rich-text-editor/bootstrap.css +305 -140
  51. package/styles/rich-text-editor/bootstrap4.css +304 -133
  52. package/styles/rich-text-editor/bootstrap5-dark.css +310 -165
  53. package/styles/rich-text-editor/bootstrap5.css +310 -165
  54. package/styles/rich-text-editor/fabric-dark.css +297 -136
  55. package/styles/rich-text-editor/fabric.css +294 -133
  56. package/styles/rich-text-editor/fluent-dark.css +311 -170
  57. package/styles/rich-text-editor/fluent.css +311 -170
  58. package/styles/rich-text-editor/highcontrast-light.css +289 -128
  59. package/styles/rich-text-editor/highcontrast.css +296 -135
  60. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +1 -1
  61. package/styles/rich-text-editor/icons/_bootstrap.scss +1 -1
  62. package/styles/rich-text-editor/icons/_bootstrap4.scss +1 -1
  63. package/styles/rich-text-editor/icons/_bootstrap5.scss +1 -1
  64. package/styles/rich-text-editor/icons/_fabric-dark.scss +1 -1
  65. package/styles/rich-text-editor/icons/_fabric.scss +1 -1
  66. package/styles/rich-text-editor/icons/_fluent.scss +1 -1
  67. package/styles/rich-text-editor/icons/_fusionnew.scss +1 -1
  68. package/styles/rich-text-editor/icons/_highcontrast-light.scss +1 -1
  69. package/styles/rich-text-editor/icons/_highcontrast.scss +1 -1
  70. package/styles/rich-text-editor/icons/_material-dark.scss +1 -1
  71. package/styles/rich-text-editor/icons/_material.scss +1 -1
  72. package/styles/rich-text-editor/icons/_material3-dark.scss +1 -0
  73. package/styles/rich-text-editor/icons/_material3.scss +1 -1
  74. package/styles/rich-text-editor/icons/_tailwind.scss +1 -1
  75. package/styles/rich-text-editor/material-dark.css +295 -129
  76. package/styles/rich-text-editor/material.css +300 -134
  77. package/styles/rich-text-editor/material3-dark.css +3082 -0
  78. package/styles/rich-text-editor/material3-dark.scss +5 -0
  79. package/styles/rich-text-editor/material3.css +3138 -0
  80. package/styles/rich-text-editor/material3.scss +5 -0
  81. package/styles/rich-text-editor/tailwind-dark.css +313 -157
  82. package/styles/rich-text-editor/tailwind.css +313 -157
  83. package/styles/tailwind-dark.css +313 -157
  84. package/styles/tailwind.css +313 -157
  85. package/schematics/collection.json +0 -40
  86. package/schematics/generators/richtexteditor-iframe/index.d.ts +0 -3
  87. package/schematics/generators/richtexteditor-iframe/index.js +0 -8
  88. package/schematics/generators/richtexteditor-iframe/sample-details.d.ts +0 -5
  89. package/schematics/generators/richtexteditor-iframe/sample-details.js +0 -7
  90. package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  91. package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -44
  92. package/schematics/generators/richtexteditor-iframe/schema.d.ts +0 -3
  93. package/schematics/generators/richtexteditor-iframe/schema.js +0 -2
  94. package/schematics/generators/richtexteditor-iframe/schema.json +0 -125
  95. package/schematics/generators/richtexteditor-inline/index.d.ts +0 -3
  96. package/schematics/generators/richtexteditor-inline/index.js +0 -8
  97. package/schematics/generators/richtexteditor-inline/sample-details.d.ts +0 -5
  98. package/schematics/generators/richtexteditor-inline/sample-details.js +0 -7
  99. package/schematics/generators/richtexteditor-inline/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  100. package/schematics/generators/richtexteditor-inline/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
  101. package/schematics/generators/richtexteditor-inline/schema.d.ts +0 -3
  102. package/schematics/generators/richtexteditor-inline/schema.js +0 -2
  103. package/schematics/generators/richtexteditor-inline/schema.json +0 -125
  104. package/schematics/generators/richtexteditor-markdown/index.d.ts +0 -3
  105. package/schematics/generators/richtexteditor-markdown/index.js +0 -8
  106. package/schematics/generators/richtexteditor-markdown/sample-details.d.ts +0 -5
  107. package/schematics/generators/richtexteditor-markdown/sample-details.js +0 -7
  108. package/schematics/generators/richtexteditor-markdown/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  109. package/schematics/generators/richtexteditor-markdown/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  110. package/schematics/generators/richtexteditor-markdown/schema.d.ts +0 -3
  111. package/schematics/generators/richtexteditor-markdown/schema.js +0 -2
  112. package/schematics/generators/richtexteditor-markdown/schema.json +0 -125
  113. package/schematics/generators/richtexteditor-overview/images/__path__/__name@dasherize__/RTEImage-Feather.png +0 -0
  114. package/schematics/generators/richtexteditor-overview/index.d.ts +0 -3
  115. package/schematics/generators/richtexteditor-overview/index.js +0 -8
  116. package/schematics/generators/richtexteditor-overview/sample-details.d.ts +0 -5
  117. package/schematics/generators/richtexteditor-overview/sample-details.js +0 -7
  118. package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  119. package/schematics/generators/richtexteditor-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -47
  120. package/schematics/generators/richtexteditor-overview/schema.d.ts +0 -3
  121. package/schematics/generators/richtexteditor-overview/schema.js +0 -2
  122. package/schematics/generators/richtexteditor-overview/schema.json +0 -125
  123. package/schematics/generators/richtexteditor-reactform/index.d.ts +0 -3
  124. package/schematics/generators/richtexteditor-reactform/index.js +0 -8
  125. package/schematics/generators/richtexteditor-reactform/sample-details.d.ts +0 -5
  126. package/schematics/generators/richtexteditor-reactform/sample-details.js +0 -7
  127. package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  128. package/schematics/generators/richtexteditor-reactform/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -20
  129. package/schematics/generators/richtexteditor-reactform/schema.d.ts +0 -3
  130. package/schematics/generators/richtexteditor-reactform/schema.js +0 -2
  131. package/schematics/generators/richtexteditor-reactform/schema.json +0 -125
  132. package/schematics/generators/richtexteditor-templatedriven/index.d.ts +0 -3
  133. package/schematics/generators/richtexteditor-templatedriven/index.js +0 -8
  134. package/schematics/generators/richtexteditor-templatedriven/sample-details.d.ts +0 -5
  135. package/schematics/generators/richtexteditor-templatedriven/sample-details.js +0 -7
  136. package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  137. package/schematics/generators/richtexteditor-templatedriven/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -19
  138. package/schematics/generators/richtexteditor-templatedriven/schema.d.ts +0 -3
  139. package/schematics/generators/richtexteditor-templatedriven/schema.js +0 -2
  140. package/schematics/generators/richtexteditor-templatedriven/schema.json +0 -125
  141. package/schematics/ng-add/index.d.ts +0 -3
  142. package/schematics/ng-add/index.js +0 -9
  143. package/schematics/ng-add/schema.d.ts +0 -13
  144. package/schematics/ng-add/schema.js +0 -2
  145. package/schematics/ng-add/schema.json +0 -34
  146. package/schematics/tsconfig.json +0 -25
  147. package/schematics/utils/lib-details.d.ts +0 -4
  148. package/schematics/utils/lib-details.js +0 -6
package/styles/rich-text-editor/_fabric-definition.scss CHANGED
@@ -3,7 +3,8 @@ $rte-2px-border-size: 2px !default;
3
3
  $rte-border-type: solid !default;
4
4
 
5
5
  $rte-list-btn-flex: column !default;
6
- $rte-list-btn-line-height: 1 !default;
6
+ $rte-list-btn-line-height: 40px !default;
7
+ $rte-big-list-btn-line-height: 48px !default;
7
8
  $rte-split-btn-line-height: 41px !default;
8
9
  $rte-big-split-btn-line-height: 50px !default;
9
10
  $rte-border-color: $neutral-quintenaryalt !default;
@@ -16,13 +17,16 @@ $rte-tlbar-expand-active: $neutral-light-fontalt !default;
16
17
  $rte-hover-icons-color: $neutral-light-fontalt !default;
17
18
  $rte-content-padding: 16px !default;
18
19
  $rte-table-popup-padding: 10px !default;
20
+ $rte-table-popup-border: 1px solid $neutral-light !default;
19
21
 
20
- $rte-big-quick-item-btn-width: 39px !default;
21
- $rte-quick-item-btn-width: 27px !default;
22
- $rte-big-quick-item-btn-height: 34px !default;
23
- $rte-quick-item-btn-height: 26px !default;
24
- $rte-big-quick-item-padding: 0 !default;
25
- $rte-quick-item-padding: 0 !default;
22
+ $rte-inline-dropdown-line-height: 40px !default;
23
+ $rte-big-inline-dropdown-line-height: 48px !default;
24
+ $rte-big-quick-item-btn-width: 50px !default;
25
+ $rte-quick-item-btn-width: 40px !default;
26
+ $rte-big-quick-item-btn-height: 50px !default;
27
+ $rte-quick-item-btn-height: 40px !default;
28
+ $rte-big-quick-item-padding: 0 6px !default;
29
+ $rte-quick-item-padding: 0 3px !default;
26
30
  $rte-quick-item-icon-min-width: 20px !default;
27
31
  $rte-big-quick-item-line-height: normal !default;
28
32
  $rte-quick-item-line-height: 25px !default;
@@ -83,7 +87,7 @@ $rte-split-btn-span-focus-bg: inherit !default;
83
87
  $rte-split-btn-span-active-bg: $neutral-tertiary-alt !default;
84
88
  $rte-split-btn-bar-bg: $neutral-tertiary-alt !default;
85
89
  $rte-split-btn-active-bar-bg: $neutral-tertiary !default;
86
- $rte-split-btn-bar-size: 1px !default;
90
+ $rte-split-btn-bar-size: 0 !default;
87
91
  $rte-split-btn-active-border: 0 !default;
88
92
  $rte-split-btn-active-color-icon-line-height: 40px !default;
89
93
  $rte-big-split-btn-active-color-icon-line-height: 48px !default;
@@ -120,6 +124,8 @@ $rte-colorpicker-parent-padding: 0 !default;
120
124
  $rte-colorpicker-parent-padding-hover: 0 !default;
121
125
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
122
126
  $rte-overlay-color: #383838 !default;
127
+ $rte-dropdown-btn-color-content-height: 40px !default;
128
+ $rte-big-dropdown-btn-color-content-height: 48px !default;
123
129
  $rte-font-icon-width: 30px !default;
124
130
  $rte-font-arrow-width: 18px !default;
125
131
  $rte-font-arrow-touch-width: 20px !default;
@@ -147,6 +153,8 @@ $rte-table-header-bg: #e0e0e0 !default;
147
153
  $rte-toolbar-icon-size: 16px !default;
148
154
  $rte-toolbar-big-icon-size: 18px !default;
149
155
  $rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
156
+ $rte-formatlists-dropdown-line-height: 1;
157
+ $rte-big-formatlists-dropdown-line-height: 1;
150
158
 
151
159
  $rte-insert-dialog-label-padding-top: 20px !default;
152
160
  $rte-insert-dialog-label-padding-bottom: 20px !default;
@@ -179,6 +187,10 @@ $rte-link-dlg-max-height: 404px !default;
179
187
  $rte-file-browser-dlg-max-height: 557px !default;
180
188
  $rte-table-dlg-max-height: 293px !default;
181
189
  $rte-edit-table-dlg-max-height: 373px !default;
190
+ $rte-quick-toolbar-item-margin: 0 6px !default;
191
+ $rte-big-quick-toolbar-item-margin: 0 6px !default;
192
+ $rte-big-quick-toolbar-items-margin : 0 6px !default;
193
+ $rte-big-quick-toolbar-item-btn-padding: 0 !default;
182
194
 
183
195
  $rte-big-img-dlg-max-height: 456px !default;
184
196
  $rte-big-img-alt-dlg-max-height: 456px !default;
@@ -210,5 +222,36 @@ $rte-big-border-radius: 0;
210
222
  $rte-big-table-row-height : 18px;
211
223
  $rte-big-tablecell-height : 16px;
212
224
  $rte-big-tablecell-width : 16px;
213
- $rte-toolbar-item-frist-last-child-margin: 0 6px;
225
+ $rte-toolbar-item-frist-last-child-margin: 0;
214
226
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
227
+ $rte-toolbar-expaned-padding: 0;
228
+ $rte-toolbar-expaned-padding-hover: 0;
229
+ $dropdown-btn-font-size: inherit !default;
230
+ $rte-extended-toolbar-items-padding: 0;
231
+ $rte-expand-tbar-hover-bg: $neutral-lighter !default;
232
+ $rte-big-insert-dialog-label-padding-top: 12px;
233
+ $rte-tbar-icon-size: 16px;
234
+ $rte-background-color-icon-fontsize: 14px;
235
+ $rte-big-background-color-icon-fontsize: 14px;
236
+ $rte-dropdown-btn-color-content-padding: 1px !default;
237
+ $rte-big-dropdown-btn-color-content-padding: 1px !default;
238
+ $rte-tb-expended-min-height: 40px !default;
239
+ $rte-big-tb-expended-min-height: 50px !default;
240
+ $rte-tb-expended-padding-left: 1px !default;
241
+ $rte-tb-expended-hover-padding-left: 1px !default;
242
+ $rte-toolbar-expaned-minwidth: 40px !default;
243
+
244
+ $rte-emoji-pop-background: $neutral-white;
245
+ $rte-emoji-pop-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
246
+ $rte-emoji-pop-border-radius: 2px;
247
+ $rte-emoji-pop-border: none;
248
+ $rte-emoji-tbar-btn-bg: transparent;
249
+ $rte-emoji-tbar-btn-select-bg : $neutral-light;
250
+ $rte-emoji-tbar-btn-hover: $neutral-light;
251
+ $rte-emoji-btn-height: 255px;
252
+ $rte-emoji-grp-btn-line-height: 1px;
253
+ $rte-emoji-headname-font-weight: 400;
254
+ $rte-emoji-headname-color: $neutral-primary;
255
+ $rte-big-emoji-btn-height: 252px;
256
+
257
+ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSA0VjQuNUg0SDUuNjk3MjJMNi41IDUuMDM1MThWMTYuOTY0OEw1LjY5NzIyIDE3LjVINEgzLjVWMThWMTlWMTkuNUg0SDYuMTUxMzlINi4zMDI3OEw2LjQyODc0IDE5LjQxNkw3LjUgMTguNzAxOUw4LjU3MTI2IDE5LjQxNkw4LjY5NzIyIDE5LjVIOC44NDg2MUgxMUgxMS41VjE5VjE4VjE3LjVIMTFIOS4zMDI3OEw4LjUgMTYuOTY0OFY1LjAzNTE4TDkuMzAyNzggNC41SDExSDExLjVWNFYzVjIuNUgxMUg4Ljg0ODYxSDguNjk3MjJMOC41NzEyNiAyLjU4Mzk3TDcuNSAzLjI5ODE1TDYuNDI4NzQgMi41ODM5N0w2LjMwMjc4IDIuNUg2LjE1MTM5SDRIMy41VjNWNFoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNi45NSAxMC4zODQzTDI0LjIxIDkuMjA0MjhMMjUuNiA1Ljk5NDI4QzI1LjkzIDUuMjM0MjggMjUuNTggNC4zNTQyOCAyNC44MiA0LjAyNDI4TDIzLjkgMy42MjQyOEMyMy4xNCAzLjI5NDI4IDIyLjI2IDMuNjQ0MjggMjEuOTMgNC40MDQyOEwyMC41NCA3LjYxNDI4TDE3Ljc5IDYuNDE0MjhMMTcuNTkgNi44NzQyOEMxNy41OSA2Ljg3NDI4IDE3LjA2IDguMDk0MjggMTYuMzMgOS41NjQyOEMxNS4wMyAxMi4xODQzIDE0LjMzIDEzLjAzNDMgMTMuNjIgMTMuNjI0M0wxMyAxNC4xNDQzTDIzLjM3IDE4LjY0NDNMMjUuMzYgMTQuMDU0M0wyNi45NSAxMC4zODQzWk0xOC4zIDcuNzM0MjhMMjEuMDYgOC45MzQyOEwyMi42NSA1LjI2NDI4QzIyLjg3IDQuNzU0MjggMjMuNDYgNC41MjQyOCAyMy45NyA0Ljc0NDI4QzI0LjQ4IDQuOTY0MjggMjQuNzEgNS41NTQyOCAyNC40OSA2LjA2NDI4TDIyLjkgOS43MzQyOEwyNS42NSAxMC45MzQzTDI0Ljg1IDEyLjc2NDNMMTcuNDYgOS41NTQyOEMxNy44MiA4LjgwNDI4IDE4LjEyIDguMTU0MjggMTguMzEgNy43NDQyOEwxOC4zIDcuNzM0MjhaTTE3LjAxIDEwLjQ0NDNMMjIuMiAxMi42OTQzTDI0LjQ1IDEzLjY3NDNMMjQuMzcgMTMuODU0M0wxNS44NiAxNC4zMTQzTDE0Ljc5IDEzLjg1NDNDMTUuNSAxMy4wMDQzIDE1Ljk4IDEyLjQ3NDMgMTcgMTAuNDU0M0wxNy4wMSAxMC40NDQzWk0yMi44NSAxNy4zNDQzTDE3LjkxIDE1LjIwNDNMMjMuOTIgMTQuODg0M0wyMi44NSAxNy4zNTQzVjE3LjM0NDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguMyA3LjczNDI4TDIxLjA2IDguOTM0MjhMMjIuNjUgNS4yNjQyOEMyMi44NyA0Ljc1NDI4IDIzLjQ2IDQuNTI0MjggMjMuOTcgNC43NDQyOEMyNC40OCA0Ljk2NDI4IDI0LjcxIDUuNTU0MjggMjQuNDkgNi4wNjQyOEwyMi45IDkuNzM0MjhMMjUuNjUgMTAuOTM0M0wyNC44NSAxMi43NjQzTDE3LjQ2IDkuNTU0MjhDMTcuODIgOC44MDQyOCAxOC4xMiA4LjE1NDI4IDE4LjMxIDcuNzQ0MjhMMTguMyA3LjczNDI4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE3LjAxIDEwLjQ0NDNMMjIuMiAxMi42OTQzTDI0LjQ1IDEzLjY3NDNMMjQuMzcgMTMuODU0M0wxNS44NiAxNC4zMTQzTDE0Ljc5IDEzLjg1NDNDMTUuNSAxMy4wMDQzIDE1Ljk4IDEyLjQ3NDMgMTcgMTAuNDU0M0wxNy4wMSAxMC40NDQzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjg1IDE3LjM0NDNMMTcuOTEgMTUuMjA0M0wyMy45MiAxNC44ODQzTDIyLjg1IDE3LjM1NDNWMTcuMzQ0M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=') 8 1, auto;
package/styles/rich-text-editor/_fluent-definition.scss CHANGED
@@ -3,17 +3,18 @@ $rte-border-size: 1px !default;
3
3
  $rte-2px-border-size: 2px !default;
4
4
  $rte-border-type: solid !default;
5
5
  $rte-list-btn-flex: column !default;
6
- $rte-list-btn-line-height: 1 !default;
6
+ $rte-list-btn-line-height: 40px !default;
7
+ $rte-big-list-btn-line-height: 48px !default;
7
8
  $rte-split-btn-line-height: 22px !default;
8
9
  $rte-big-split-btn-line-height: 30px !default;
9
10
  $rte-big-quick-item-btn-width: 48px !default;
10
- $rte-quick-item-btn-width: 36px !default;
11
+ $rte-quick-item-btn-width: 40px !default;
11
12
  $rte-big-quick-item-btn-height: 48px !default;
12
- $rte-quick-item-btn-height: 36px !default;
13
- $rte-big-quick-item-padding: 0 !default;
13
+ $rte-quick-item-btn-height: 40px !default;
14
+ $rte-big-quick-item-padding: 0 6px !default;
14
15
  $rte-quick-item-padding-left: 7px !default;
15
16
  $rte-quick-item-padding-right: 7px !default;
16
- $rte-quick-item-padding: 0 !default;
17
+ $rte-quick-item-padding: 0 3px !default;
17
18
  $rte-quick-item-icon-min-width: 20px !default;
18
19
  $rte-big-quick-item-line-height: $leading-normal !default;
19
20
  $rte-content-padding: 24px !default;
@@ -52,18 +53,21 @@ $rte-big-drop-btn-padding-left: 10px !default;
52
53
  $rte-big-drop-btn-padding-right: 6px !default;
53
54
  $rte-big-drop-btn-action-padding-left: 10px !default;
54
55
  $rte-big-drop-btn-action-padding-right: 6px !default;
55
- $rte-colorpicker-parent-padding: 7px !default;
56
- $rte-colorpicker-parent-padding-hover: 7px !default;
56
+ $rte-colorpicker-parent-padding: 0 !default;
57
+ $rte-colorpicker-parent-padding-hover: 0 !default;
57
58
  $rte-colorpicker-parent-padding-top: 0 !default;
58
59
  $rte-colorpicker-parent-padding-hover-top: 0 !default;
59
60
  $rte-colorpicker-parent-padding-active-hover: 7px !default;
61
+ $rte-dropdown-btn-color-content-height: 40px !default;
62
+ $rte-big-dropdown-btn-color-content-height: 48px !default;
60
63
  $rte-font-icon-width: 30px !default;
61
64
  $rte-font-arrow-width: 12px !default;
62
65
  $rte-font-arrow-touch-width: 20px !default;
63
- $rte-font-icon-line-height: $leading-tight !default;
66
+ $rte-font-icon-line-height: $leading-none !default;
64
67
  $rte-placeholder-line-height: $leading-normal !default;
65
68
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
66
69
  $rte-table-popup-padding: 10px !default;
70
+ $rte-table-popup-border: 0 solid $gray30 !default;
67
71
  $rte-insert-dialog-label-padding-top: 12px !default;
68
72
  $rte-insert-dialog-label-padding-bottom: 12px !default;
69
73
  $rte-big-quick-tbar-item-min-height: 48px !default;
@@ -82,7 +86,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
82
86
  $rte-inline-tmp-size-min-width: 66px;
83
87
  $rte-big-inline-tmp-color-min-width: 50px;
84
88
  $rte-inline-tmp-color-min-width: 36px;
85
- $rte-big-color-list-span-common-padding-left-right: 7px;
89
+ $rte-big-color-list-span-common-padding-left-right: 0;
86
90
  $rte-default-character-count-opacity: .8;
87
91
  $rte-droparea-line-height: 10;
88
92
  $rte-droparea-browsebtn-height: 36px;
@@ -97,8 +101,14 @@ $rte-table-popup-row-height : 16px;
97
101
  $rte-big-table-row-height : 18px;
98
102
  $rte-big-tablecell-height : 16px;
99
103
  $rte-big-tablecell-width : 16px;
100
- $rte-toolbar-item-frist-last-child-margin: 0 6px;
101
- $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
104
+ $rte-toolbar-item-frist-last-child-margin: 0;
105
+ $rte-big-toolbar-item-frist-last-child-margin: 0 3px;
106
+ $rte-toolbar-expaned-padding: 0 4px;
107
+ $rte-toolbar-expaned-padding-hover: 0 4px;
108
+ $rte-inline-dropdown-line-height: 40px !default;
109
+ $rte-big-inline-dropdown-line-height: 48px !default;
110
+ $rte-formatlists-dropdown-line-height: 20px;
111
+ $rte-big-formatlists-dropdown-line-height: 30px;
102
112
 
103
113
  //Layout Variables End
104
114
 
@@ -135,7 +145,7 @@ $rte-tb-active-font-color: $icon-color !default;
135
145
  $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
136
146
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
137
147
  $rte-color-picker-active-bg: inherit !default;
138
- $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
148
+ $rte-drop-btn-active-bg: $content-bg-color-alt5 !default;
139
149
  $rte-drop-btn-active-color: $icon-color !default;
140
150
  $rte-drop-btn-active-border-color: $secondary-border-color-pressed !default;
141
151
  $rte-split-btn-active-hover-font-color: $icon-color !default;
@@ -143,15 +153,15 @@ $rte-split-btn-color: $icon-color !default;
143
153
  $rte-split-btn-active-color: $icon-color !default;
144
154
  $rte-split-btn-hover-bg: $content-bg-color-alt3 !default;
145
155
  $rte-split-btn-active-bg: $content-bg-color-alt5 !default;
146
- $rte-split-btn-span-hover-bg: $content-bg-color-alt3 !default;
156
+ $rte-split-btn-span-hover-bg: $content-bg-color-alt5 !default;
147
157
  $rte-split-btn-span-focus-bg: $content-bg-color-alt3 !default;
148
158
  $rte-split-btn-span-active-bg: $content-bg-color-alt3 !default;
149
159
  $rte-split-btn-bar-bg: $content-bg-color !default;
150
160
  $rte-split-btn-active-bar-bg: $content-bg-color !default;
151
161
  $rte-split-btn-bar-size: 0 !default;
152
162
  $rte-split-btn-active-border: 0 !default;
153
- $rte-split-btn-active-color-icon-line-height: 30px !default;
154
- $rte-big-split-btn-active-color-icon-line-height: 38px !default;
163
+ $rte-split-btn-active-color-icon-line-height: 40px !default;
164
+ $rte-big-split-btn-active-color-icon-line-height: 48px !default;
155
165
 
156
166
  $rte-link-valid-color: $danger !default;
157
167
  $rte-upload-drag-border-clr: $border-dark !default;
@@ -191,6 +201,8 @@ $rte-border-top-right-radius: 0;
191
201
  $rte-border-bottom-right-radius: 0;
192
202
  $rte-border-bottom-left-radius: 0;
193
203
  $rte-big-border-radius: 0;
204
+ $rte-extended-toolbar-items-padding: 0;
205
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
194
206
 
195
207
  //Theme Variables End
196
208
 
@@ -207,6 +219,10 @@ $rte-link-dlg-max-height: 380px !default;
207
219
  $rte-file-browser-dlg-max-height: 557px !default;
208
220
  $rte-table-dlg-max-height: 272px !default;
209
221
  $rte-edit-table-dlg-max-height: 340px !default;
222
+ $rte-quick-toolbar-item-margin: 0 6px !default;
223
+ $rte-big-quick-toolbar-item-margin: 0 3px !default;
224
+ $rte-big-quick-toolbar-items-margin : 0 6px !default;
225
+ $rte-big-quick-toolbar-item-btn-padding: 0 !default;
210
226
 
211
227
  $rte-big-img-dlg-max-height: 428px !default;
212
228
  $rte-big-img-alt-dlg-max-height: 428px !default;
@@ -220,3 +236,28 @@ $rte-drop-text-width: 292px !default;
220
236
  $rte-drop-text-height: 185px !default;
221
237
  $rte-drop-text-mobile-width: 242px !default;
222
238
  $rte-tbar-default-bg: $content-bg-color-alt2;
239
+ $rte-big-insert-dialog-label-padding-top: 12px;
240
+ $rte-tbar-icon-size: 16px;
241
+ $rte-background-color-icon-fontsize: 16px;
242
+ $rte-big-background-color-icon-fontsize: 18px;
243
+ $rte-dropdown-btn-color-content-padding: 0 !default;
244
+ $rte-big-dropdown-btn-color-content-padding: 3px !default;
245
+ $rte-tb-expended-min-height: 40px !default;
246
+ $rte-big-tb-expended-min-height: 50px !default;
247
+ $rte-tb-expended-padding-left: 1px !default;
248
+ $rte-tb-expended-hover-padding-left: 0 !default;
249
+ $rte-toolbar-expaned-minwidth: 32px !default;
250
+
251
+ $rte-emoji-pop-background: $flyout-bg-color;
252
+ $rte-emoji-pop-box-shadow: 0 4.8px 14.4px rgba(0, 0, 0, .18), 0 25.6px 57.6px rgba(0, 0, 0, .22);
253
+ $rte-emoji-pop-border-radius: 2px;
254
+ $rte-emoji-pop-border: none;
255
+ $rte-emoji-tbar-btn-bg: transparent;
256
+ $rte-emoji-tbar-btn-select-bg : $flyout-bg-color-hover;
257
+ $rte-emoji-tbar-btn-hover: $flyout-bg-color-hover;
258
+ $rte-emoji-btn-height: 248px;
259
+ $rte-emoji-grp-btn-line-height: 1px;
260
+ $rte-emoji-headname-font-weight: 400;
261
+ $rte-emoji-headname-color: $primary;
262
+ $rte-big-emoji-btn-height: 247px;
263
+ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMi41QzQuNDQ3NzIgMi41IDQgMi45NDc3MiA0IDMuNUM0IDQuMDUyMjggNC40NDc3MiA0LjUgNSA0LjVINi42OTcyMkw3LjUgNS4wMzUxOFYxNi45NjQ4TDYuNjk3MjIgMTcuNUg1QzQuNDQ3NzIgMTcuNSA0IDE3Ljk0NzcgNCAxOC41QzQgMTkuMDUyMyA0LjQ0NzcyIDE5LjUgNSAxOS41SDYuNjk3MjJDNy4wOTIwNyAxOS41IDcuNDc4MDkgMTkuMzgzMSA3LjgwNjYyIDE5LjE2NDFMOC41IDE4LjcwMTlMOS4xOTMzOCAxOS4xNjQxQzkuNTIxOTEgMTkuMzgzMSA5LjkwNzkzIDE5LjUgMTAuMzAyOCAxOS41SDEyQzEyLjU1MjMgMTkuNSAxMyAxOS4wNTIzIDEzIDE4LjVDMTMgMTcuOTQ3NyAxMi41NTIzIDE3LjUgMTIgMTcuNUwxMC4zMDI4IDE3LjVMOS41IDE2Ljk2NDhWNS4wMzUxOEwxMC4zMDI4IDQuNUgxMkMxMi41NTIzIDQuNSAxMyA0LjA1MjI4IDEzIDMuNUMxMyAyLjk0NzcyIDEyLjU1MjMgMi41IDEyIDIuNUgxMC4zMDI4QzkuOTA3OTMgMi41IDkuNTIxOTEgMi42MTY4OCA5LjE5MzM4IDIuODM1OUw4LjUgMy4yOTgxNUw3LjgwNjYyIDIuODM1OUM3LjQ3ODA5IDIuNjE2ODggNy4wOTIwNyAyLjUgNi42OTcyMiAyLjVINVoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyAxNy41QzE3IDE3Ljc4IDE3LjIyMDcgMTggMTcuNSAxOEgyNi41QzI2Ljc3OTMgMTggMjcgMTcuNzggMjcgMTcuNVY5LjVDMjcgOC42NzAwMSAyNi4zMzAxIDggMjUuNSA4SDI0VjRDMjQgMi44OTk5OSAyMy4wOTk2IDIgMjIgMkMyMC45MDA0IDIgMjAgMi44OTk5OSAyMCA0VjhIMTguNUMxNy42Njk5IDggMTcgOC42NzAwMSAxNyA5LjVWMTcuNVpNMjYgMTFWOS41QzI2IDkuMjIgMjUuNzc5MyA5IDI1LjUgOUgyNEMyMy40NDkyIDkgMjMgOC41NDk5OSAyMyA4VjRDMjMgMy40NTAwMSAyMi41NTA4IDMgMjIgM0MyMS40NDkyIDMgMjEgMy40NTAwMSAyMSA0VjhDMjEgOC41NDk5OSAyMC41NTA4IDkgMjAgOUgxOC41QzE4LjIyMDcgOSAxOCA5LjIyIDE4IDkuNVYxMUgyNlpNMTggMTJWMTdIMjBWMTRDMjAgMTMuNzIgMjAuMjIwNyAxMy41IDIwLjUgMTMuNUMyMC43NzkzIDEzLjUgMjEgMTMuNzIgMjEgMTRWMTdIMjNWMTZDMjMgMTUuNzIgMjMuMjIwNyAxNS41IDIzLjUgMTUuNUMyMy43NzkzIDE1LjUgMjQgMTUuNzIgMjQgMTZWMTdIMjZWMTJIMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggMTdWMTJIMjZWMTdIMjRWMTZDMjQgMTUuNzIgMjMuNzc5MyAxNS41IDIzLjUgMTUuNUMyMy4yMjA3IDE1LjUgMjMgMTUuNzIgMjMgMTZWMTdIMjFWMTRDMjEgMTMuNzIgMjAuNzc5MyAxMy41IDIwLjUgMTMuNUMyMC4yMjA3IDEzLjUgMjAgMTMuNzIgMjAgMTRWMTdIMThaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjYgOS41VjExSDE4VjkuNUMxOCA5LjIyIDE4LjIyMDcgOSAxOC41IDlIMjBDMjAuNTUwOCA5IDIxIDguNTQ5OTkgMjEgOFY0QzIxIDMuNDUwMDEgMjEuNDQ5MiAzIDIyIDNDMjIuNTUwOCAzIDIzIDMuNDUwMDEgMjMgNFY4QzIzIDguNTQ5OTkgMjMuNDQ5MiA5IDI0IDlIMjUuNUMyNS43NzkzIDkgMjYgOS4yMiAyNiA5LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K') 8 1, auto;
package/styles/rich-text-editor/_fusionnew-definition.scss CHANGED
@@ -4,14 +4,15 @@ $rte-2px-border-size: 2px !default;
4
4
  $rte-border-type: solid !default;
5
5
  $rte-list-btn-flex: column !default;
6
6
  $rte-list-btn-line-height: 1 !default;
7
+ $rte-big-list-btn-line-height: 1 !default;
7
8
  $rte-split-btn-line-height: 20px !default;
8
9
  $rte-big-split-btn-line-height: 30px !default;
9
10
  $rte-big-quick-item-btn-width: 39px !default;
10
11
  $rte-quick-item-btn-width: 27px !default;
11
12
  $rte-big-quick-item-btn-height: 34px !default;
12
13
  $rte-quick-item-btn-height: 26px !default;
13
- $rte-big-quick-item-padding: 0 !default;
14
- $rte-quick-item-padding: 0 !default;
14
+ $rte-big-quick-item-padding: 0 6px !default;
15
+ $rte-quick-item-padding: 0 3px !default;
15
16
  $rte-quick-item-icon-min-width: 24px !default; // Clarify
16
17
  $rte-big-quick-item-line-height: $leading-normal !default;
17
18
  $rte-content-padding: 16px !default;
@@ -53,13 +54,16 @@ $rte-big-drop-btn-action-padding-right: 6px !default;
53
54
  $rte-colorpicker-parent-padding: 0 !default;
54
55
  $rte-colorpicker-parent-padding-hover: 0 !default;
55
56
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
57
+ $rte-dropdown-btn-color-content-height: 30px !default;
58
+ $rte-big-dropdown-btn-color-content-height: 30px !default;
56
59
  $rte-font-icon-width: 30px !default;
57
60
  $rte-font-arrow-width: 18px !default;
58
61
  $rte-font-arrow-touch-width: 20px !default;
59
- $rte-font-icon-line-height: $leading-tight !default;
62
+ $rte-font-icon-line-height: $leading-none !default;
60
63
  $rte-placeholder-line-height: $leading-normal !default;
61
64
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
62
65
  $rte-table-popup-padding: 10px !default;
66
+ $rte-table-popup-border: 0 solid $border-light !default;
63
67
  $rte-insert-dialog-label-padding-top: 12px !default;
64
68
  $rte-insert-dialog-label-padding-bottom: 12px !default;
65
69
  $rte-big-quick-tbar-item-min-height: 34px !default;
@@ -67,6 +71,8 @@ $rte-big-quick-tbar-item-min-width: 39px !default;
67
71
  $rte-content-font-size: $text-sm !default;
68
72
  $rte-dropdown-caret-icon-size: $text-xs !default;
69
73
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
74
+ $rte-inline-dropdown-line-height: 0 !default;
75
+ $rte-big-inline-dropdown-line-height: 0 !default;
70
76
  $font-weight: $font-weight-normal !default;
71
77
  $rte-table-popup-bdr-radius: 6px !default;
72
78
  $rte-resize-handler-width: 15px;
@@ -93,8 +99,14 @@ $rte-table-popup-row-height : 16px;
93
99
  $rte-big-table-row-height : 18px;
94
100
  $rte-big-tablecell-height : 16px;
95
101
  $rte-big-tablecell-width : 16px;
96
- $rte-toolbar-item-frist-last-child-margin: 0 6px;
102
+ $rte-toolbar-item-frist-last-child-margin: 0;
97
103
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
104
+ $rte-toolbar-expaned-padding: 0 4px;
105
+ $rte-toolbar-expaned-padding-hover: 0 4px;
106
+ $rte-formatlists-dropdown-line-height: 1;
107
+ $rte-big-formatlists-dropdown-line-height: 1;
108
+ $rte-extended-toolbar-items-padding: 0;
109
+ $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
98
110
 
99
111
  //Layout Variables End
100
112
 
@@ -202,6 +214,10 @@ $rte-link-dlg-max-height: 353px !default;
202
214
  $rte-file-browser-dlg-max-height: 557px !default;
203
215
  $rte-table-dlg-max-height: 252px !default;
204
216
  $rte-edit-table-dlg-max-height: 320px !default;
217
+ $rte-quick-toolbar-item-margin: 0 6px !default;
218
+ $rte-big-quick-toolbar-item-margin: 0 6px !default;
219
+ $rte-big-quick-toolbar-items-margin : 0 6px !default;
220
+ $rte-big-quick-toolbar-item-btn-padding: 0 !default;
205
221
 
206
222
  $rte-big-img-dlg-max-height: 425px !default;
207
223
  $rte-big-img-alt-dlg-max-height: 425px !default;
@@ -217,3 +233,29 @@ $rte-drop-text-width: 300px !default;
217
233
  $rte-drop-text-height: 185px !default;
218
234
  $rte-drop-text-mobile-width: 250px !default;
219
235
  $rte-tbar-default-bg: $content-bg-color-alt1;
236
+ $rte-big-insert-dialog-label-padding-top: 12px;
237
+ $rte-tbar-icon-size: 12px;
238
+ $rte-background-color-icon-fontsize: 14px;
239
+ $rte-big-background-color-icon-fontsize: 14px;
240
+ $rte-dropdown-btn-color-content-padding: 1px !default;
241
+ $rte-big-dropdown-btn-color-content-padding: 1px !default;
242
+ $rte-tb-expended-min-height: 44px !default;
243
+ $rte-big-tb-expended-min-height: 48px !default;
244
+ $rte-tb-expended-padding-left: 1px !default;
245
+ $rte-tb-expended-hover-padding-left: 0 !default;
246
+ $rte-toolbar-expaned-minwidth: 25px !default;
247
+
248
+ $rte-emoji-pop-background: $flyout-bg-color;
249
+ $rte-emoji-pop-box-shadow: 0 4.8px 14.4px rgba(0, 0, 0, .18), 0 25.6px 57.6px rgba(0, 0, 0, .22);
250
+ $rte-emoji-pop-border-radius: 2px;
251
+ $rte-emoji-pop-border: none;
252
+ $rte-emoji-tbar-btn-bg: transparent;
253
+ $rte-emoji-tbar-btn-select-bg : $flyout-bg-color-hover;
254
+ $rte-emoji-tbar-btn-hover: $flyout-bg-color-hover;
255
+ $rte-emoji-btn-height: 248px;
256
+ $rte-emoji-grp-btn-line-height: 1px;
257
+ $rte-emoji-headname-font-weight: 400;
258
+ $rte-emoji-headname-color: $primary;
259
+ $rte-big-emoji-btn-height: 247px;
260
+
261
+ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMi41QzQuNDQ3NzIgMi41IDQgMi45NDc3MiA0IDMuNUM0IDQuMDUyMjggNC40NDc3MiA0LjUgNSA0LjVINi42OTcyMkw3LjUgNS4wMzUxOFYxNi45NjQ4TDYuNjk3MjIgMTcuNUg1QzQuNDQ3NzIgMTcuNSA0IDE3Ljk0NzcgNCAxOC41QzQgMTkuMDUyMyA0LjQ0NzcyIDE5LjUgNSAxOS41SDYuNjk3MjJDNy4wOTIwNyAxOS41IDcuNDc4MDkgMTkuMzgzMSA3LjgwNjYyIDE5LjE2NDFMOC41IDE4LjcwMTlMOS4xOTMzOCAxOS4xNjQxQzkuNTIxOTEgMTkuMzgzMSA5LjkwNzkzIDE5LjUgMTAuMzAyOCAxOS41SDEyQzEyLjU1MjMgMTkuNSAxMyAxOS4wNTIzIDEzIDE4LjVDMTMgMTcuOTQ3NyAxMi41NTIzIDE3LjUgMTIgMTcuNUwxMC4zMDI4IDE3LjVMOS41IDE2Ljk2NDhWNS4wMzUxOEwxMC4zMDI4IDQuNUgxMkMxMi41NTIzIDQuNSAxMyA0LjA1MjI4IDEzIDMuNUMxMyAyLjk0NzcyIDEyLjU1MjMgMi41IDEyIDIuNUgxMC4zMDI4QzkuOTA3OTMgMi41IDkuNTIxOTEgMi42MTY4OCA5LjE5MzM4IDIuODM1OUw4LjUgMy4yOTgxNUw3LjgwNjYyIDIuODM1OUM3LjQ3ODA5IDIuNjE2ODggNy4wOTIwNyAyLjUgNi42OTcyMiAyLjVINVoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzLjUgNFY4LjVIMjVDMjUuODI4NCA4LjUgMjYuNSA5LjE3MTU3IDI2LjUgMTBWMTEuNVYxNy41SDIzLjVIMjAuNUgxNi41QzE3LjUgMTUgMTcuNSAxMS41IDE3LjUgMTEuNVYxMEMxNy41IDkuMTcxNTcgMTguMTcxNiA4LjUgMTkgOC41SDIwLjVWNEMyMC41IDMuMTcxNTcgMjEuMTcxNiAyLjUgMjIgMi41QzIyLjgyODQgMi41IDIzLjUgMy4xNzE1NyAyMy41IDRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjMuNSA4LjVWNEMyMy41IDMuMTcxNTcgMjIuODI4NCAyLjUgMjIgMi41VjIuNUMyMS4xNzE2IDIuNSAyMC41IDMuMTcxNTcgMjAuNSA0VjguNU0yMy41IDguNUgyNUMyNS44Mjg0IDguNSAyNi41IDkuMTcxNTcgMjYuNSAxMFYxMS41TTIzLjUgOC41SDIwLjVNMjAuNSA4LjVIMTlDMTguMTcxNiA4LjUgMTcuNSA5LjE3MTU3IDE3LjUgMTBWMTEuNU0yNi41IDExLjVWMTcuNUgyMy41TTI2LjUgMTEuNUgxNy41TTE3LjUgMTEuNUMxNy41IDExLjUgMTcuNSAxNSAxNi41IDE3LjVIMjAuNU0yMy41IDE3LjVWMTQuNU0yMy41IDE3LjVIMjAuNU0yMC41IDE3LjVWMTUuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') 8 1, auto;
package/styles/rich-text-editor/_highcontrast-definition.scss CHANGED
@@ -3,7 +3,8 @@ $rte-2px-border-size: 2px;
3
3
  $rte-border-type: solid;
4
4
 
5
5
  $rte-list-btn-flex: column !default;
6
- $rte-list-btn-line-height: 1 !default;
6
+ $rte-list-btn-line-height: 36px !default;
7
+ $rte-big-list-btn-line-height: 46px !default;
7
8
  $rte-split-btn-line-height: 40px !default;
8
9
  $rte-big-split-btn-line-height: 50px !default;
9
10
  $rte-border-color: $border-fg !default;
@@ -16,13 +17,20 @@ $rte-tlbar-expand-active: $content-font !default;
16
17
  $rte-hover-icons-color: $content-font !default;
17
18
  $rte-content-padding: 16px !default;
18
19
  $rte-table-popup-padding: 10px !default;
20
+ $rte-table-popup-border: 1px solid $border-default !default;
21
+ $rte-tb-expended-min-height: 40px !default;
22
+ $rte-big-tb-expended-min-height: 50px !default;
23
+ $rte-tb-expended-padding-left: 1px !default;
24
+ $rte-tb-expended-hover-padding-left: 1px !default;
19
25
 
26
+ $rte-inline-dropdown-line-height: 40px !default;
27
+ $rte-big-inline-dropdown-line-height: 46px !default;
20
28
  $rte-big-quick-item-btn-width: 39px !default;
21
- $rte-quick-item-btn-width: 27px !default;
29
+ $rte-quick-item-btn-width: 40px !default;
22
30
  $rte-big-quick-item-btn-height: 34px !default;
23
- $rte-quick-item-btn-height: 26px !default;
24
- $rte-big-quick-item-padding: 0 !default;
25
- $rte-quick-item-padding: 0 !default;
31
+ $rte-quick-item-btn-height: 39px !default;
32
+ $rte-big-quick-item-padding: 0 6px !default;
33
+ $rte-quick-item-padding: 0 3px !default;
26
34
  $rte-quick-item-icon-min-width: 20px !default;
27
35
  $rte-big-quick-item-line-height: normal !default;
28
36
  $rte-quick-item-line-height: 25px !default;
@@ -83,7 +91,7 @@ $rte-split-btn-span-focus-bg: inherit !default;
83
91
  $rte-split-btn-span-active-bg: $selection-bg !default;
84
92
  $rte-split-btn-bar-bg: $border-fg !default;
85
93
  $rte-split-btn-active-bar-bg: $bg-base-0 !default;
86
- $rte-split-btn-bar-size: 1.5px !default;
94
+ $rte-split-btn-bar-size: 0 !default;
87
95
  $rte-split-btn-active-border: 2px solid $selection-bg !default;
88
96
  $rte-split-btn-active-color-icon-line-height: 36px !default;
89
97
  $rte-big-split-btn-active-color-icon-line-height: 48px !default;
@@ -120,6 +128,8 @@ $rte-colorpicker-parent-padding: 0 !default;
120
128
  $rte-colorpicker-parent-padding-hover: 0 !default;
121
129
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
122
130
  $rte-overlay-color: #383838 !default;
131
+ $rte-dropdown-btn-color-content-height: 36px !default;
132
+ $rte-big-dropdown-btn-color-content-height: 45px !default;
123
133
  $rte-font-icon-width: 30px !default;
124
134
  $rte-font-arrow-width: 18px !default;
125
135
  $rte-font-arrow-touch-width: 20px !default;
@@ -144,11 +154,13 @@ $rte-table-popup-box: 0 3px 8px 0 rgba($bg-base-75, .26) !default;
144
154
  $rte-table-border-color: #bdbdbd !default;
145
155
  $rte-table-alternate-color: #f5f5f5 !default;
146
156
  $rte-table-header-bg: #e0e0e0 !default;
157
+ $rte-formatlists-dropdown-line-height: 30px;
158
+ $rte-big-formatlists-dropdown-line-height: 30px;
147
159
 
148
160
  $rte-insert-dialog-label-padding-top: 20px !default;
149
161
  $rte-insert-dialog-label-padding-bottom: 20px !default;
150
- $rte-big-quick-tbar-item-min-height: 34px !default;
151
- $rte-big-quick-tbar-item-min-width: 39px !default;
162
+ $rte-big-quick-tbar-item-min-height: 49px !default;
163
+ $rte-big-quick-tbar-item-min-width: 50px !default;
152
164
  $rte-content-font-size: 14px !default;
153
165
  $rte-dropdown-caret-icon-size: 12px !default;
154
166
  $rte-big-dropdown-caret-icon-size: 12px !default;
@@ -179,6 +191,10 @@ $rte-link-dlg-max-height: 406px !default;
179
191
  $rte-file-browser-dlg-max-height: 557px !default;
180
192
  $rte-table-dlg-max-height: 295px !default;
181
193
  $rte-edit-table-dlg-max-height: 375px !default;
194
+ $rte-quick-toolbar-item-margin: 0 6px !default;
195
+ $rte-big-quick-toolbar-item-margin: 0 6px !default;
196
+ $rte-big-quick-toolbar-items-margin : 0 6px !default;
197
+ $rte-big-quick-toolbar-item-btn-padding: 0 !default;
182
198
 
183
199
  $rte-big-img-dlg-max-height: 430px !default;
184
200
  $rte-big-img-alt-dlg-max-height: 430px !default;
@@ -210,5 +226,32 @@ $rte-big-border-radius: 0;
210
226
  $rte-big-table-row-height : 18px;
211
227
  $rte-big-tablecell-height : 16px;
212
228
  $rte-big-tablecell-width : 16px;
213
- $rte-toolbar-item-frist-last-child-margin: 0 6px;
229
+ $rte-toolbar-item-frist-last-child-margin: 0;
214
230
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
231
+ $rte-toolbar-expaned-padding: 0;
232
+ $rte-toolbar-expaned-padding-hover: 0;
233
+ $dropdown-btn-font-size: inherit !default;
234
+ $rte-extended-toolbar-items-padding: 0;
235
+ $rte-expand-tbar-hover-bg: $hover-bg !default;
236
+ $rte-big-insert-dialog-label-padding-top: 12px;
237
+ $rte-tbar-icon-size: 16px;
238
+ $rte-background-color-icon-fontsize: 14px;
239
+ $rte-big-background-color-icon-fontsize: 18px;
240
+ $rte-dropdown-btn-color-content-padding: 0 !default;
241
+ $rte-big-dropdown-btn-color-content-padding: 1px !default;
242
+ $rte-toolbar-expaned-minwidth: 36px !default;
243
+
244
+ $rte-emoji-pop-background: $bg-base-0;
245
+ $rte-emoji-pop-box-shadow: none;
246
+ $rte-emoji-pop-border-radius: none;
247
+ $rte-emoji-pop-border: 1px solid $content-font;
248
+ $rte-emoji-tbar-btn-bg: transparent;
249
+ $rte-emoji-tbar-btn-select-bg: $bg-base-0;
250
+ $rte-emoji-tbar-btn-hover: $bg-base-0;
251
+ $rte-emoji-btn-height: 250px;
252
+ $rte-emoji-grp-btn-line-height: 1px;
253
+ $rte-emoji-headname-font-weight: 400;
254
+ $rte-emoji-headname-color: $content-font-alt;
255
+ $rte-big-emoji-btn-height: 251px;
256
+
257
+ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSA0VjQuNUg0SDUuNjk3MjJMNi41IDUuMDM1MThWMTYuOTY0OEw1LjY5NzIyIDE3LjVINEgzLjVWMThWMTlWMTkuNUg0SDYuMTUxMzlINi4zMDI3OEw2LjQyODc0IDE5LjQxNkw3LjUgMTguNzAxOUw4LjU3MTI2IDE5LjQxNkw4LjY5NzIyIDE5LjVIOC44NDg2MUgxMUgxMS41VjE5VjE4VjE3LjVIMTFIOS4zMDI3OEw4LjUgMTYuOTY0OFY1LjAzNTE4TDkuMzAyNzggNC41SDExSDExLjVWNFYzVjIuNUgxMUg4Ljg0ODYxSDguNjk3MjJMOC41NzEyNiAyLjU4Mzk3TDcuNSAzLjI5ODE1TDYuNDI4NzQgMi41ODM5N0w2LjMwMjc4IDIuNUg2LjE1MTM5SDRIMy41VjNWNFoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNi45NSAxMC4zODQzTDI0LjIxIDkuMjA0MjhMMjUuNiA1Ljk5NDI4QzI1LjkzIDUuMjM0MjggMjUuNTggNC4zNTQyOCAyNC44MiA0LjAyNDI4TDIzLjkgMy42MjQyOEMyMy4xNCAzLjI5NDI4IDIyLjI2IDMuNjQ0MjggMjEuOTMgNC40MDQyOEwyMC41NCA3LjYxNDI4TDE3Ljc5IDYuNDE0MjhMMTcuNTkgNi44NzQyOEMxNy41OSA2Ljg3NDI4IDE3LjA2IDguMDk0MjggMTYuMzMgOS41NjQyOEMxNS4wMyAxMi4xODQzIDE0LjMzIDEzLjAzNDMgMTMuNjIgMTMuNjI0M0wxMyAxNC4xNDQzTDIzLjM3IDE4LjY0NDNMMjUuMzYgMTQuMDU0M0wyNi45NSAxMC4zODQzWk0xOC4zIDcuNzM0MjhMMjEuMDYgOC45MzQyOEwyMi42NSA1LjI2NDI4QzIyLjg3IDQuNzU0MjggMjMuNDYgNC41MjQyOCAyMy45NyA0Ljc0NDI4QzI0LjQ4IDQuOTY0MjggMjQuNzEgNS41NTQyOCAyNC40OSA2LjA2NDI4TDIyLjkgOS43MzQyOEwyNS42NSAxMC45MzQzTDI0Ljg1IDEyLjc2NDNMMTcuNDYgOS41NTQyOEMxNy44MiA4LjgwNDI4IDE4LjEyIDguMTU0MjggMTguMzEgNy43NDQyOEwxOC4zIDcuNzM0MjhaTTE3LjAxIDEwLjQ0NDNMMjIuMiAxMi42OTQzTDI0LjQ1IDEzLjY3NDNMMjQuMzcgMTMuODU0M0wxNS44NiAxNC4zMTQzTDE0Ljc5IDEzLjg1NDNDMTUuNSAxMy4wMDQzIDE1Ljk4IDEyLjQ3NDMgMTcgMTAuNDU0M0wxNy4wMSAxMC40NDQzWk0yMi44NSAxNy4zNDQzTDE3LjkxIDE1LjIwNDNMMjMuOTIgMTQuODg0M0wyMi44NSAxNy4zNTQzVjE3LjM0NDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguMyA3LjczNDI4TDIxLjA2IDguOTM0MjhMMjIuNjUgNS4yNjQyOEMyMi44NyA0Ljc1NDI4IDIzLjQ2IDQuNTI0MjggMjMuOTcgNC43NDQyOEMyNC40OCA0Ljk2NDI4IDI0LjcxIDUuNTU0MjggMjQuNDkgNi4wNjQyOEwyMi45IDkuNzM0MjhMMjUuNjUgMTAuOTM0M0wyNC44NSAxMi43NjQzTDE3LjQ2IDkuNTU0MjhDMTcuODIgOC44MDQyOCAxOC4xMiA4LjE1NDI4IDE4LjMxIDcuNzQ0MjhMMTguMyA3LjczNDI4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE3LjAxIDEwLjQ0NDNMMjIuMiAxMi42OTQzTDI0LjQ1IDEzLjY3NDNMMjQuMzcgMTMuODU0M0wxNS44NiAxNC4zMTQzTDE0Ljc5IDEzLjg1NDNDMTUuNSAxMy4wMDQzIDE1Ljk4IDEyLjQ3NDMgMTcgMTAuNDU0M0wxNy4wMSAxMC40NDQzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIyLjg1IDE3LjM0NDNMMTcuOTEgMTUuMjA0M0wyMy45MiAxNC44ODQzTDIyLjg1IDE3LjM1NDNWMTcuMzQ0M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=') 8 1, auto;