@syncfusion/blazor-themes 24.2.5 → 24.2.6

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 (33) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +35 -6
  2. package/SCSS-Themes/bootstrap.scss +35 -6
  3. package/SCSS-Themes/bootstrap4.scss +36 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +35 -6
  5. package/SCSS-Themes/bootstrap5.scss +35 -6
  6. package/SCSS-Themes/fabric-dark.scss +35 -6
  7. package/SCSS-Themes/fabric.scss +35 -6
  8. package/SCSS-Themes/fluent-dark.scss +35 -6
  9. package/SCSS-Themes/fluent.scss +35 -6
  10. package/SCSS-Themes/highcontrast.scss +35 -6
  11. package/SCSS-Themes/material-dark.scss +35 -6
  12. package/SCSS-Themes/material.scss +35 -6
  13. package/SCSS-Themes/material3-dark.scss +35 -6
  14. package/SCSS-Themes/material3.scss +35 -6
  15. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +35 -6
  16. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +35 -6
  17. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +36 -7
  18. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +35 -6
  19. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +35 -6
  20. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +35 -6
  21. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +35 -6
  22. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +35 -6
  23. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +35 -6
  24. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +35 -6
  25. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +35 -6
  26. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +35 -6
  27. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +35 -6
  28. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +35 -6
  29. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +52 -23
  30. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +52 -23
  31. package/SCSS-Themes/tailwind-dark.scss +52 -23
  32. package/SCSS-Themes/tailwind.scss +52 -23
  33. package/package.json +1 -1
package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss CHANGED
@@ -49,7 +49,7 @@ $rte-2px-border-size: 2px !default;
49
49
  $rte-border-type: solid !default;
50
50
  $rte-list-btn-flex: column !default;
51
51
  $rte-list-btn-line-height: 30px !default;
52
- $rte-big-list-btn-line-height: 36px !default;
52
+ $rte-big-list-btn-line-height: 38px !default;
53
53
  $rte-split-btn-line-height: 30px !default;
54
54
  $rte-big-split-btn-line-height: 38px !default;
55
55
  $rte-big-quick-item-btn-width: 38px !default;
@@ -79,7 +79,7 @@ $rte-big-tb-items-margin-left: 3px !default;
79
79
  $rte-tb-items-margin-left: 7px !default;
80
80
  $rte-big-tb-items-padding-left: 3px !default;
81
81
  $rte-tb-items-padding-left: 7px !default;
82
- $rte-active-tb-item-btn-padding: 0 !default;
82
+ $rte-active-tb-item-btn-padding: 0 4px !default;
83
83
  $rte-split-btn-bar-size: 0 !default;
84
84
  $rte-split-btn-active-color-icon-line-height: 30px !default;
85
85
  $rte-big-split-btn-active-color-icon-line-height: 35px !default;
@@ -90,17 +90,17 @@ $rte-drop-btn-padding-left: 7px !default;
90
90
  $dropdown-btn-font-size: $text-sm;
91
91
  $dropdown-btn-big-font-size: $text-base;
92
92
  $rte-drop-btn-padding-right: 2.5px !default;
93
- $rte-drop-btn-action-padding-left: 6px !default;
94
- $rte-drop-btn-action-padding-right: 1.5px !default;
93
+ $rte-drop-btn-action-padding-left: 7px !default;
94
+ $rte-drop-btn-action-padding-right: 2.5px !default;
95
95
  $rte-big-drop-btn-padding-left: 10px !default;
96
96
  $rte-big-drop-btn-padding-right: 6px !default;
97
- $rte-big-drop-btn-action-padding-left: 9px !default;
98
- $rte-big-drop-btn-action-padding-right: 5px !default;
99
- $rte-colorpicker-parent-padding: .8px !default;
100
- $rte-colorpicker-parent-padding-hover: 0 !default;
97
+ $rte-big-drop-btn-action-padding-left: 10px !default;
98
+ $rte-big-drop-btn-action-padding-right: 6px !default;
99
+ $rte-colorpicker-parent-padding: 1px !default;
100
+ $rte-colorpicker-parent-padding-hover: 1px !default;
101
101
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
102
102
  $rte-dropdown-btn-color-content-height: 30px !default;
103
- $rte-big-dropdown-btn-color-content-height: 36px !default;
103
+ $rte-big-dropdown-btn-color-content-height: 38px !default;
104
104
  $rte-font-icon-width: 30px !default;
105
105
  $rte-font-arrow-width: 18px !default;
106
106
  $rte-font-arrow-touch-width: 20px !default;
@@ -108,7 +108,7 @@ $rte-font-icon-line-height: $leading-none !default;
108
108
  $rte-placeholder-line-height: $leading-normal !default;
109
109
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
110
110
  $rte-table-popup-padding: 18px 18px 8px 22px !default;
111
- $rte-table-popup-border: 1px solid $cool-gray-600 !default;
111
+ $rte-table-popup-border: 1px solid $cool-gray-300 !default;
112
112
  $rte-insert-dialog-label-padding-top: 12px !default;
113
113
  $rte-insert-dialog-label-padding-bottom: 3px !default;
114
114
  $rte-big-quick-tbar-item-min-height: 38px !default;
@@ -130,7 +130,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
130
130
  $rte-inline-tmp-size-min-width: 66px;
131
131
  $rte-big-inline-tmp-color-min-width: 50px;
132
132
  $rte-inline-tmp-color-min-width: 55px;
133
- $rte-big-color-list-span-common-padding-left-right: 0;
133
+ $rte-big-color-list-span-common-padding-left-right: 1px;
134
134
  $rte-placeholder-padding: 12px !default;
135
135
  $rte-default-character-count-opacity: 1;
136
136
  $rte-droparea-line-height: 10;
@@ -149,10 +149,10 @@ $rte-big-tablecell-height : 16px;
149
149
  $rte-big-tablecell-width : 16px;
150
150
  $rte-toolbar-item-frist-last-child-margin: 0;
151
151
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
152
- $rte-toolbar-expaned-padding: 0 5px;
152
+ $rte-toolbar-expaned-padding: 0 4px;
153
153
  $rte-toolbar-expaned-padding-hover: 0 4px;
154
154
  $rte-formatlists-dropdown-line-height: 20px;
155
- $rte-big-formatlists-dropdown-line-height: 30px;
155
+ $rte-big-formatlists-dropdown-line-height: 35px;
156
156
 
157
157
  //Layout Variables End
158
158
 
@@ -170,7 +170,7 @@ $rte-img-popup-box-shadow: $shadow !default;
170
170
  $rte-img-popup-color: $border-light !default;
171
171
  $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
172
172
  $rte-quick-item-active-font-color: $icon-color !default;
173
- $rte-quick-item-border: 0 !default;
173
+ $rte-quick-item-border: 1px solid transparent !default;
174
174
  $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
175
175
  $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
176
176
  $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
@@ -185,7 +185,7 @@ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
185
185
  $rte-quick-tb-btn-hover: $secondary-bg-color-pressed !default;
186
186
  $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
187
187
  $rte-tb-active-font-color: $icon-color !default;
188
- $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
188
+ $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
189
189
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
190
190
  $rte-color-picker-active-bg: inherit !default;
191
191
  $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
@@ -246,7 +246,7 @@ $rte-border-bottom-right-radius: 0;
246
246
  $rte-border-bottom-left-radius: 0;
247
247
  $rte-big-border-radius: 0;
248
248
  $rte-extended-toolbar-items-padding: 0;
249
- $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
249
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt1 !default;
250
250
 
251
251
  //Theme Variables End
252
252
 
@@ -280,7 +280,7 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
280
280
  $rte-big-insert-dialog-label-padding-top: 12px;
281
281
  $rte-tbar-icon-size: 20px;
282
282
  $rte-dropdown-btn-color-content-padding: 1px !default;
283
- $rte-big-dropdown-btn-color-content-padding: 1px !default;
283
+ $rte-big-dropdown-btn-color-content-padding: 0 !default;
284
284
  $rte-tb-expended-min-height: 40px !default;
285
285
  $rte-big-tb-expended-min-height: 48px !default;
286
286
  $rte-tb-expended-padding-left: 1px !default;
@@ -972,6 +972,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
972
972
  }
973
973
  }
974
974
 
975
+ @if $skin-name == 'tailwind' {
976
+ .e-bigger {
977
+ .e-richtexteditor {
978
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
979
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
980
+ padding: 0 8px;
981
+ }
982
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
983
+ padding: 0 8px;
984
+ }
985
+ }
986
+ }
987
+ }
988
+
975
989
  .e-rte-linkcontent .e-rte-label {
976
990
  padding-top: $rte-insert-dialog-label-padding-top;
977
991
  }
@@ -1222,19 +1236,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1222
1236
  }
1223
1237
 
1224
1238
  .e-rte-img-caption.e-imgcenter {
1225
- display: block;
1239
+ display: contents;
1226
1240
  margin-left: auto;
1227
1241
  margin-right: auto;
1228
1242
  }
1229
1243
 
1230
1244
  .e-rte-img-caption.e-imgright {
1231
- display: block;
1245
+ display: contents;
1232
1246
  margin-left: auto;
1233
1247
  margin-right: 0;
1234
1248
  }
1235
1249
 
1236
1250
  .e-rte-img-caption.e-imgleft {
1237
- display: block;
1251
+ display: contents;
1238
1252
  margin-left: 0;
1239
1253
  margin-right: auto;
1240
1254
  }
@@ -1251,7 +1265,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1251
1265
  }
1252
1266
 
1253
1267
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1254
- display: block;
1268
+ display: contents;
1255
1269
  }
1256
1270
 
1257
1271
  .e-rte-table {
@@ -1948,6 +1962,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1948
1962
  }
1949
1963
  }
1950
1964
  }
1965
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1966
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1967
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1968
+ @if $skin-name == 'tailwind' {
1969
+ padding: 1px;
1970
+ }
1971
+ }
1972
+ }
1951
1973
 
1952
1974
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1953
1975
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3275,8 +3297,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3275
3297
  }
3276
3298
 
3277
3299
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3278
- border-bottom: 1px solid $transparent;
3279
- border-top: 1px solid $transparent;
3300
+ border: 1px solid $transparent;
3280
3301
  }
3281
3302
 
3282
3303
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3288,6 +3309,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3288
3309
  background: $rte-tb-hover-bg-color;
3289
3310
  border: 1px solid $rte-quick-item-hover-border-color;
3290
3311
  }
3312
+
3313
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3314
+ border: 1px solid $transparent;
3315
+ }
3316
+
3317
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3318
+ border: 1px solid $transparent;
3319
+ }
3291
3320
  }
3292
3321
 
3293
3322
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss CHANGED
@@ -49,7 +49,7 @@ $rte-2px-border-size: 2px !default;
49
49
  $rte-border-type: solid !default;
50
50
  $rte-list-btn-flex: column !default;
51
51
  $rte-list-btn-line-height: 30px !default;
52
- $rte-big-list-btn-line-height: 36px !default;
52
+ $rte-big-list-btn-line-height: 38px !default;
53
53
  $rte-split-btn-line-height: 30px !default;
54
54
  $rte-big-split-btn-line-height: 38px !default;
55
55
  $rte-big-quick-item-btn-width: 38px !default;
@@ -79,7 +79,7 @@ $rte-big-tb-items-margin-left: 3px !default;
79
79
  $rte-tb-items-margin-left: 7px !default;
80
80
  $rte-big-tb-items-padding-left: 3px !default;
81
81
  $rte-tb-items-padding-left: 7px !default;
82
- $rte-active-tb-item-btn-padding: 0 !default;
82
+ $rte-active-tb-item-btn-padding: 0 4px !default;
83
83
  $rte-split-btn-bar-size: 0 !default;
84
84
  $rte-split-btn-active-color-icon-line-height: 30px !default;
85
85
  $rte-big-split-btn-active-color-icon-line-height: 35px !default;
@@ -90,17 +90,17 @@ $rte-drop-btn-padding-left: 7px !default;
90
90
  $dropdown-btn-font-size: $text-sm;
91
91
  $dropdown-btn-big-font-size: $text-base;
92
92
  $rte-drop-btn-padding-right: 2.5px !default;
93
- $rte-drop-btn-action-padding-left: 6px !default;
94
- $rte-drop-btn-action-padding-right: 1.5px !default;
93
+ $rte-drop-btn-action-padding-left: 7px !default;
94
+ $rte-drop-btn-action-padding-right: 2.5px !default;
95
95
  $rte-big-drop-btn-padding-left: 10px !default;
96
96
  $rte-big-drop-btn-padding-right: 6px !default;
97
- $rte-big-drop-btn-action-padding-left: 9px !default;
98
- $rte-big-drop-btn-action-padding-right: 5px !default;
99
- $rte-colorpicker-parent-padding: .8px !default;
100
- $rte-colorpicker-parent-padding-hover: 0 !default;
97
+ $rte-big-drop-btn-action-padding-left: 10px !default;
98
+ $rte-big-drop-btn-action-padding-right: 6px !default;
99
+ $rte-colorpicker-parent-padding: 1px !default;
100
+ $rte-colorpicker-parent-padding-hover: 1px !default;
101
101
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
102
102
  $rte-dropdown-btn-color-content-height: 30px !default;
103
- $rte-big-dropdown-btn-color-content-height: 36px !default;
103
+ $rte-big-dropdown-btn-color-content-height: 38px !default;
104
104
  $rte-font-icon-width: 30px !default;
105
105
  $rte-font-arrow-width: 18px !default;
106
106
  $rte-font-arrow-touch-width: 20px !default;
@@ -108,7 +108,7 @@ $rte-font-icon-line-height: $leading-none !default;
108
108
  $rte-placeholder-line-height: $leading-normal !default;
109
109
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
110
110
  $rte-table-popup-padding: 18px 18px 8px 22px !default;
111
- $rte-table-popup-border: 1px solid $cool-gray-600 !default;
111
+ $rte-table-popup-border: 1px solid $cool-gray-300 !default;
112
112
  $rte-insert-dialog-label-padding-top: 12px !default;
113
113
  $rte-insert-dialog-label-padding-bottom: 3px !default;
114
114
  $rte-big-quick-tbar-item-min-height: 38px !default;
@@ -130,7 +130,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
130
130
  $rte-inline-tmp-size-min-width: 66px;
131
131
  $rte-big-inline-tmp-color-min-width: 50px;
132
132
  $rte-inline-tmp-color-min-width: 55px;
133
- $rte-big-color-list-span-common-padding-left-right: 0;
133
+ $rte-big-color-list-span-common-padding-left-right: 1px;
134
134
  $rte-placeholder-padding: 12px !default;
135
135
  $rte-default-character-count-opacity: 1;
136
136
  $rte-droparea-line-height: 10;
@@ -149,10 +149,10 @@ $rte-big-tablecell-height : 16px;
149
149
  $rte-big-tablecell-width : 16px;
150
150
  $rte-toolbar-item-frist-last-child-margin: 0;
151
151
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
152
- $rte-toolbar-expaned-padding: 0 5px;
152
+ $rte-toolbar-expaned-padding: 0 4px;
153
153
  $rte-toolbar-expaned-padding-hover: 0 4px;
154
154
  $rte-formatlists-dropdown-line-height: 20px;
155
- $rte-big-formatlists-dropdown-line-height: 30px;
155
+ $rte-big-formatlists-dropdown-line-height: 35px;
156
156
 
157
157
  //Layout Variables End
158
158
 
@@ -170,7 +170,7 @@ $rte-img-popup-box-shadow: $shadow !default;
170
170
  $rte-img-popup-color: $border-light !default;
171
171
  $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
172
172
  $rte-quick-item-active-font-color: $icon-color !default;
173
- $rte-quick-item-border: 0 !default;
173
+ $rte-quick-item-border: 1px solid transparent !default;
174
174
  $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
175
175
  $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
176
176
  $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
@@ -185,7 +185,7 @@ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
185
185
  $rte-quick-tb-btn-hover: $secondary-bg-color-pressed !default;
186
186
  $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
187
187
  $rte-tb-active-font-color: $icon-color !default;
188
- $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
188
+ $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
189
189
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
190
190
  $rte-color-picker-active-bg: inherit !default;
191
191
  $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
@@ -246,7 +246,7 @@ $rte-border-bottom-right-radius: 0;
246
246
  $rte-border-bottom-left-radius: 0;
247
247
  $rte-big-border-radius: 0;
248
248
  $rte-extended-toolbar-items-padding: 0;
249
- $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
249
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt1 !default;
250
250
 
251
251
  //Theme Variables End
252
252
 
@@ -280,7 +280,7 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
280
280
  $rte-big-insert-dialog-label-padding-top: 12px;
281
281
  $rte-tbar-icon-size: 20px;
282
282
  $rte-dropdown-btn-color-content-padding: 1px !default;
283
- $rte-big-dropdown-btn-color-content-padding: 1px !default;
283
+ $rte-big-dropdown-btn-color-content-padding: 0 !default;
284
284
  $rte-tb-expended-min-height: 40px !default;
285
285
  $rte-big-tb-expended-min-height: 48px !default;
286
286
  $rte-tb-expended-padding-left: 1px !default;
@@ -972,6 +972,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
972
972
  }
973
973
  }
974
974
 
975
+ @if $skin-name == 'tailwind' {
976
+ .e-bigger {
977
+ .e-richtexteditor {
978
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
979
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
980
+ padding: 0 8px;
981
+ }
982
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
983
+ padding: 0 8px;
984
+ }
985
+ }
986
+ }
987
+ }
988
+
975
989
  .e-rte-linkcontent .e-rte-label {
976
990
  padding-top: $rte-insert-dialog-label-padding-top;
977
991
  }
@@ -1222,19 +1236,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1222
1236
  }
1223
1237
 
1224
1238
  .e-rte-img-caption.e-imgcenter {
1225
- display: block;
1239
+ display: contents;
1226
1240
  margin-left: auto;
1227
1241
  margin-right: auto;
1228
1242
  }
1229
1243
 
1230
1244
  .e-rte-img-caption.e-imgright {
1231
- display: block;
1245
+ display: contents;
1232
1246
  margin-left: auto;
1233
1247
  margin-right: 0;
1234
1248
  }
1235
1249
 
1236
1250
  .e-rte-img-caption.e-imgleft {
1237
- display: block;
1251
+ display: contents;
1238
1252
  margin-left: 0;
1239
1253
  margin-right: auto;
1240
1254
  }
@@ -1251,7 +1265,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1251
1265
  }
1252
1266
 
1253
1267
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1254
- display: block;
1268
+ display: contents;
1255
1269
  }
1256
1270
 
1257
1271
  .e-rte-table {
@@ -1948,6 +1962,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1948
1962
  }
1949
1963
  }
1950
1964
  }
1965
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1966
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1967
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1968
+ @if $skin-name == 'tailwind' {
1969
+ padding: 1px;
1970
+ }
1971
+ }
1972
+ }
1951
1973
 
1952
1974
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1953
1975
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3275,8 +3297,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3275
3297
  }
3276
3298
 
3277
3299
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3278
- border-bottom: 1px solid $transparent;
3279
- border-top: 1px solid $transparent;
3300
+ border: 1px solid $transparent;
3280
3301
  }
3281
3302
 
3282
3303
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3288,6 +3309,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3288
3309
  background: $rte-tb-hover-bg-color;
3289
3310
  border: 1px solid $rte-quick-item-hover-border-color;
3290
3311
  }
3312
+
3313
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3314
+ border: 1px solid $transparent;
3315
+ }
3316
+
3317
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3318
+ border: 1px solid $transparent;
3319
+ }
3291
3320
  }
3292
3321
 
3293
3322
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/tailwind-dark.scss CHANGED
@@ -89523,7 +89523,7 @@ $rte-2px-border-size: 2px !default;
89523
89523
  $rte-border-type: solid !default;
89524
89524
  $rte-list-btn-flex: column !default;
89525
89525
  $rte-list-btn-line-height: 30px !default;
89526
- $rte-big-list-btn-line-height: 36px !default;
89526
+ $rte-big-list-btn-line-height: 38px !default;
89527
89527
  $rte-split-btn-line-height: 30px !default;
89528
89528
  $rte-big-split-btn-line-height: 38px !default;
89529
89529
  $rte-big-quick-item-btn-width: 38px !default;
@@ -89553,7 +89553,7 @@ $rte-big-tb-items-margin-left: 3px !default;
89553
89553
  $rte-tb-items-margin-left: 7px !default;
89554
89554
  $rte-big-tb-items-padding-left: 3px !default;
89555
89555
  $rte-tb-items-padding-left: 7px !default;
89556
- $rte-active-tb-item-btn-padding: 0 !default;
89556
+ $rte-active-tb-item-btn-padding: 0 4px !default;
89557
89557
  $rte-split-btn-bar-size: 0 !default;
89558
89558
  $rte-split-btn-active-color-icon-line-height: 30px !default;
89559
89559
  $rte-big-split-btn-active-color-icon-line-height: 35px !default;
@@ -89564,17 +89564,17 @@ $rte-drop-btn-padding-left: 7px !default;
89564
89564
  $dropdown-btn-font-size: $text-sm;
89565
89565
  $dropdown-btn-big-font-size: $text-base;
89566
89566
  $rte-drop-btn-padding-right: 2.5px !default;
89567
- $rte-drop-btn-action-padding-left: 6px !default;
89568
- $rte-drop-btn-action-padding-right: 1.5px !default;
89567
+ $rte-drop-btn-action-padding-left: 7px !default;
89568
+ $rte-drop-btn-action-padding-right: 2.5px !default;
89569
89569
  $rte-big-drop-btn-padding-left: 10px !default;
89570
89570
  $rte-big-drop-btn-padding-right: 6px !default;
89571
- $rte-big-drop-btn-action-padding-left: 9px !default;
89572
- $rte-big-drop-btn-action-padding-right: 5px !default;
89573
- $rte-colorpicker-parent-padding: .8px !default;
89574
- $rte-colorpicker-parent-padding-hover: 0 !default;
89571
+ $rte-big-drop-btn-action-padding-left: 10px !default;
89572
+ $rte-big-drop-btn-action-padding-right: 6px !default;
89573
+ $rte-colorpicker-parent-padding: 1px !default;
89574
+ $rte-colorpicker-parent-padding-hover: 1px !default;
89575
89575
  $rte-colorpicker-parent-padding-active-hover: 0 !default;
89576
89576
  $rte-dropdown-btn-color-content-height: 30px !default;
89577
- $rte-big-dropdown-btn-color-content-height: 36px !default;
89577
+ $rte-big-dropdown-btn-color-content-height: 38px !default;
89578
89578
  $rte-font-icon-width: 30px !default;
89579
89579
  $rte-font-arrow-width: 18px !default;
89580
89580
  $rte-font-arrow-touch-width: 20px !default;
@@ -89582,7 +89582,7 @@ $rte-font-icon-line-height: $leading-none !default;
89582
89582
  $rte-placeholder-line-height: $leading-normal !default;
89583
89583
  $rte-big-active-tb-item-btn-padding: 0 6px !default;
89584
89584
  $rte-table-popup-padding: 18px 18px 8px 22px !default;
89585
- $rte-table-popup-border: 1px solid $cool-gray-600 !default;
89585
+ $rte-table-popup-border: 1px solid $cool-gray-300 !default;
89586
89586
  $rte-insert-dialog-label-padding-top: 12px !default;
89587
89587
  $rte-insert-dialog-label-padding-bottom: 3px !default;
89588
89588
  $rte-big-quick-tbar-item-min-height: 38px !default;
@@ -89604,7 +89604,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
89604
89604
  $rte-inline-tmp-size-min-width: 66px;
89605
89605
  $rte-big-inline-tmp-color-min-width: 50px;
89606
89606
  $rte-inline-tmp-color-min-width: 55px;
89607
- $rte-big-color-list-span-common-padding-left-right: 0;
89607
+ $rte-big-color-list-span-common-padding-left-right: 1px;
89608
89608
  $rte-placeholder-padding: 12px !default;
89609
89609
  $rte-default-character-count-opacity: 1;
89610
89610
  $rte-droparea-line-height: 10;
@@ -89623,10 +89623,10 @@ $rte-big-tablecell-height : 16px;
89623
89623
  $rte-big-tablecell-width : 16px;
89624
89624
  $rte-toolbar-item-frist-last-child-margin: 0;
89625
89625
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
89626
- $rte-toolbar-expaned-padding: 0 5px;
89626
+ $rte-toolbar-expaned-padding: 0 4px;
89627
89627
  $rte-toolbar-expaned-padding-hover: 0 4px;
89628
89628
  $rte-formatlists-dropdown-line-height: 20px;
89629
- $rte-big-formatlists-dropdown-line-height: 30px;
89629
+ $rte-big-formatlists-dropdown-line-height: 35px;
89630
89630
 
89631
89631
  //Layout Variables End
89632
89632
 
@@ -89644,7 +89644,7 @@ $rte-img-popup-box-shadow: $shadow !default;
89644
89644
  $rte-img-popup-color: $border-light !default;
89645
89645
  $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
89646
89646
  $rte-quick-item-active-font-color: $icon-color !default;
89647
- $rte-quick-item-border: 0 !default;
89647
+ $rte-quick-item-border: 1px solid transparent !default;
89648
89648
  $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
89649
89649
  $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
89650
89650
  $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
@@ -89659,7 +89659,7 @@ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
89659
89659
  $rte-quick-tb-btn-hover: $secondary-bg-color-pressed !default;
89660
89660
  $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
89661
89661
  $rte-tb-active-font-color: $icon-color !default;
89662
- $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
89662
+ $rte-tb-item-active-border: 0 solid $secondary-border-color-pressed !default;
89663
89663
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
89664
89664
  $rte-color-picker-active-bg: inherit !default;
89665
89665
  $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
@@ -89720,7 +89720,7 @@ $rte-border-bottom-right-radius: 0;
89720
89720
  $rte-border-bottom-left-radius: 0;
89721
89721
  $rte-big-border-radius: 0;
89722
89722
  $rte-extended-toolbar-items-padding: 0;
89723
- $rte-expand-tbar-hover-bg: $content-bg-color-alt3 !default;
89723
+ $rte-expand-tbar-hover-bg: $content-bg-color-alt1 !default;
89724
89724
 
89725
89725
  //Theme Variables End
89726
89726
 
@@ -89754,7 +89754,7 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
89754
89754
  $rte-big-insert-dialog-label-padding-top: 12px;
89755
89755
  $rte-tbar-icon-size: 20px;
89756
89756
  $rte-dropdown-btn-color-content-padding: 1px !default;
89757
- $rte-big-dropdown-btn-color-content-padding: 1px !default;
89757
+ $rte-big-dropdown-btn-color-content-padding: 0 !default;
89758
89758
  $rte-tb-expended-min-height: 40px !default;
89759
89759
  $rte-big-tb-expended-min-height: 48px !default;
89760
89760
  $rte-tb-expended-padding-left: 1px !default;
@@ -90446,6 +90446,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90446
90446
  }
90447
90447
  }
90448
90448
 
90449
+ @if $skin-name == 'tailwind' {
90450
+ .e-bigger {
90451
+ .e-richtexteditor {
90452
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
90453
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
90454
+ padding: 0 8px;
90455
+ }
90456
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
90457
+ padding: 0 8px;
90458
+ }
90459
+ }
90460
+ }
90461
+ }
90462
+
90449
90463
  .e-rte-linkcontent .e-rte-label {
90450
90464
  padding-top: $rte-insert-dialog-label-padding-top;
90451
90465
  }
@@ -90696,19 +90710,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90696
90710
  }
90697
90711
 
90698
90712
  .e-rte-img-caption.e-imgcenter {
90699
- display: block;
90713
+ display: contents;
90700
90714
  margin-left: auto;
90701
90715
  margin-right: auto;
90702
90716
  }
90703
90717
 
90704
90718
  .e-rte-img-caption.e-imgright {
90705
- display: block;
90719
+ display: contents;
90706
90720
  margin-left: auto;
90707
90721
  margin-right: 0;
90708
90722
  }
90709
90723
 
90710
90724
  .e-rte-img-caption.e-imgleft {
90711
- display: block;
90725
+ display: contents;
90712
90726
  margin-left: 0;
90713
90727
  margin-right: auto;
90714
90728
  }
@@ -90725,7 +90739,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90725
90739
  }
90726
90740
 
90727
90741
  .e-img-caption.e-rte-img-caption.e-imgbreak {
90728
- display: block;
90742
+ display: contents;
90729
90743
  }
90730
90744
 
90731
90745
  .e-rte-table {
@@ -91422,6 +91436,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91422
91436
  }
91423
91437
  }
91424
91438
  }
91439
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
91440
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
91441
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
91442
+ @if $skin-name == 'tailwind' {
91443
+ padding: 1px;
91444
+ }
91445
+ }
91446
+ }
91425
91447
 
91426
91448
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
91427
91449
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -92749,8 +92771,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92749
92771
  }
92750
92772
 
92751
92773
  .e-richtexteditor .e-toolbar .e-tbar-btn {
92752
- border-bottom: 1px solid $transparent;
92753
- border-top: 1px solid $transparent;
92774
+ border: 1px solid $transparent;
92754
92775
  }
92755
92776
 
92756
92777
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -92762,6 +92783,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92762
92783
  background: $rte-tb-hover-bg-color;
92763
92784
  border: 1px solid $rte-quick-item-hover-border-color;
92764
92785
  }
92786
+
92787
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
92788
+ border: 1px solid $transparent;
92789
+ }
92790
+
92791
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
92792
+ border: 1px solid $transparent;
92793
+ }
92765
92794
  }
92766
92795
 
92767
92796
  @if $skin-name == 'bootstrap5' {