@syncfusion/blazor-themes 24.2.4 → 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 (35) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +56 -12
  2. package/SCSS-Themes/bootstrap.scss +54 -10
  3. package/SCSS-Themes/bootstrap4.scss +60 -16
  4. package/SCSS-Themes/bootstrap5-dark.scss +54 -10
  5. package/SCSS-Themes/bootstrap5.scss +54 -10
  6. package/SCSS-Themes/fabric-dark.scss +54 -10
  7. package/SCSS-Themes/fabric.scss +54 -10
  8. package/SCSS-Themes/fluent-dark.scss +55 -11
  9. package/SCSS-Themes/fluent.scss +55 -11
  10. package/SCSS-Themes/highcontrast.scss +54 -10
  11. package/SCSS-Themes/material-dark.scss +54 -10
  12. package/SCSS-Themes/material.scss +54 -10
  13. package/SCSS-Themes/material3-dark.scss +55 -11
  14. package/SCSS-Themes/material3.scss +55 -11
  15. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +2 -2
  16. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +2 -2
  17. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +54 -10
  18. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +54 -10
  19. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +58 -14
  20. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +54 -10
  21. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +54 -10
  22. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +54 -10
  23. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +54 -10
  24. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +55 -11
  25. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +55 -11
  26. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +54 -10
  27. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +54 -10
  28. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +54 -10
  29. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +55 -11
  30. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +55 -11
  31. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +71 -27
  32. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +71 -27
  33. package/SCSS-Themes/tailwind-dark.scss +71 -27
  34. package/SCSS-Themes/tailwind.scss +71 -27
  35. package/package.json +1 -1
package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss CHANGED
@@ -105,7 +105,7 @@ $rte-tb-items-padding-left: 6px !default;
105
105
  $rte-big-active-tb-item-btn-padding: 0 5px !default;
106
106
  $rte-active-tb-item-btn-padding: 0 2px !default;
107
107
  $rte-tb-item-active-bg: $gray-600 !default;
108
- $rte-tb-active-font-color: $gray-900 !default;
108
+ $rte-tb-active-font-color: $gray-100 !default;
109
109
  $rte-tb-item-active-border: $rte-border-size solid darken($gray-600, 12.5%) !default;
110
110
  $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $gray-300 !default;
111
111
  $rte-color-picker-active-bg: inherit !default;
@@ -196,7 +196,7 @@ $rte-table-popup-bdr-radius: 0 !default;
196
196
 
197
197
  $rte-inline-dropdown-line-height: 30px !default;
198
198
  $rte-big-inline-dropdown-line-height: 34px !default;
199
- $rte-table-popup-border: rgba(0, 0, 0, .2) !default;
199
+ $rte-table-popup-border:1px solid rgba(0, 0, 0, .2) !default;
200
200
  $rte-big-content-font-size: 16px !default;
201
201
  $rte-dropdown-caret-icon-size: 8px !default;
202
202
  $rte-big-dropdown-caret-icon-size: 10px !default;
@@ -243,13 +243,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
243
243
  $rte-big-table-dlg-max-height: 302px !default;
244
244
  $rte-big-edit-table-dlg-max-height: 378px !default;
245
245
  $rte-drop-text-width: 300px !default;
246
- $rte-drop-text-height: 185px !default;
246
+ $rte-drop-text-height: 128px !default;
247
+ $rte-big-drop-text-height: 140px !default;
247
248
  $rte-drop-text-mobile-width: 250px !default;
248
249
  $rte-tbar-default-bg: $gray-100;
249
250
  $rte-droparea-line-height: 10;
250
251
  $rte-droparea-browsebtn-height: 36px;
251
252
  $rte-droparea-browsebtn-padding: 0 18px;
252
- $rte-droparea-browsebtn-top: -50px;
253
+ $rte-droparea-browsebtn-top: -120px;
254
+ $rte-big-droparea-browsebtn-top: -120px;
253
255
  $rte-insert-dialog-font-size: 15px;
254
256
  $rte-big-insert-dialog-font-size: 15px;
255
257
  $rte-table-popup-tablecell-height: 14px;
@@ -268,7 +270,7 @@ $rte-toolbar-item-frist-last-child-margin: 0;
268
270
  $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
269
271
  $rte-toolbar-expaned-padding: 0 3px;
270
272
  $rte-toolbar-expaned-padding-hover: 0 3px;
271
- $dropdown-btn-font-size: inherit !default;
273
+ $dropdown-btn-font-size: 14px !default;
272
274
  $rte-extended-toolbar-items-padding: 0;
273
275
  $rte-expand-tbar-hover-bg: $gray-600 !default;
274
276
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -376,7 +378,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
376
378
  }
377
379
 
378
380
  & .e-rte-table-popup.e-popup.e-popup-open {
379
- border: 1px solid $rte-table-popup-border;
381
+ border: $rte-table-popup-border;
380
382
  border-radius: 4px;
381
383
 
382
384
  & .e-insert-table-btn .e-btn-icon.e-icons {
@@ -646,6 +648,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
646
648
  .e-rte-content .e-content {
647
649
  font-size: $rte-big-content-font-size;
648
650
  }
651
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
652
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
653
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
654
+ top: $rte-big-droparea-browsebtn-top;
655
+ }
649
656
  }
650
657
 
651
658
  .e-richtexteditor {
@@ -1168,6 +1175,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1168
1175
  }
1169
1176
  }
1170
1177
 
1178
+ @if $skin-name == 'tailwind' {
1179
+ .e-bigger {
1180
+ .e-richtexteditor {
1181
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1182
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1183
+ padding: 0 8px;
1184
+ }
1185
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1186
+ padding: 0 8px;
1187
+ }
1188
+ }
1189
+ }
1190
+ }
1191
+
1171
1192
  .e-rte-linkcontent .e-rte-label {
1172
1193
  padding-top: $rte-insert-dialog-label-padding-top;
1173
1194
  }
@@ -1418,19 +1439,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1418
1439
  }
1419
1440
 
1420
1441
  .e-rte-img-caption.e-imgcenter {
1421
- display: block;
1442
+ display: contents;
1422
1443
  margin-left: auto;
1423
1444
  margin-right: auto;
1424
1445
  }
1425
1446
 
1426
1447
  .e-rte-img-caption.e-imgright {
1427
- display: block;
1448
+ display: contents;
1428
1449
  margin-left: auto;
1429
1450
  margin-right: 0;
1430
1451
  }
1431
1452
 
1432
1453
  .e-rte-img-caption.e-imgleft {
1433
- display: block;
1454
+ display: contents;
1434
1455
  margin-left: 0;
1435
1456
  margin-right: auto;
1436
1457
  }
@@ -1447,7 +1468,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1447
1468
  }
1448
1469
 
1449
1470
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1450
- display: block;
1471
+ display: contents;
1451
1472
  }
1452
1473
 
1453
1474
  .e-rte-table {
@@ -1618,7 +1639,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1618
1639
 
1619
1640
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1620
1641
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1621
- top: -130px;
1642
+ top: $rte-droparea-browsebtn-top;
1622
1643
  }
1623
1644
 
1624
1645
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2144,6 +2165,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2144
2165
  }
2145
2166
  }
2146
2167
  }
2168
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
2169
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
2170
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
2171
+ @if $skin-name == 'tailwind' {
2172
+ padding: 1px;
2173
+ }
2174
+ }
2175
+ }
2147
2176
 
2148
2177
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
2149
2178
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -3193,7 +3222,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3193
3222
  }
3194
3223
 
3195
3224
  .e-dialog .e-vid-uploadwrap .e-droptext {
3196
- height: 108px;
3225
+ height: $rte-drop-text-height;
3226
+ }
3227
+
3228
+ .e-bigger .e-richtexteditor {
3229
+ .e-dialog .e-img-uploadwrap .e-droptext,
3230
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3231
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3232
+ height: $rte-big-drop-text-height;
3233
+ }
3197
3234
  }
3198
3235
 
3199
3236
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3463,8 +3500,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3463
3500
  }
3464
3501
 
3465
3502
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3466
- border-bottom: 1px solid $transparent;
3467
- border-top: 1px solid $transparent;
3503
+ border: 1px solid $transparent;
3468
3504
  }
3469
3505
 
3470
3506
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3476,6 +3512,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3476
3512
  background: $rte-tb-hover-bg-color;
3477
3513
  border: 1px solid $rte-quick-item-hover-border-color;
3478
3514
  }
3515
+
3516
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3517
+ border: 1px solid $transparent;
3518
+ }
3519
+
3520
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3521
+ border: 1px solid $transparent;
3522
+ }
3479
3523
  }
3480
3524
 
3481
3525
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss CHANGED
@@ -133,7 +133,8 @@ $rte-default-character-count-opacity: 1;
133
133
  $rte-droparea-line-height: 10;
134
134
  $rte-droparea-browsebtn-height: 36px;
135
135
  $rte-droparea-browsebtn-padding: 0 18px;
136
- $rte-droparea-browsebtn-top: -50px;
136
+ $rte-droparea-browsebtn-top: -120px;
137
+ $rte-big-droparea-browsebtn-top: -120px;
137
138
  $rte-insert-dialog-font-size: 15px;
138
139
  $rte-big-insert-dialog-font-size: 15px;
139
140
  $rte-table-popup-tablecell-height: 14px;
@@ -275,7 +276,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
275
276
  $toolbar-expand-icon-min-height: 40px !default;
276
277
  $rte-align-caret-icon-min-width: 24px !default;
277
278
  $rte-drop-text-width: 300px !default;
278
- $rte-drop-text-height: 185px !default;
279
+ $rte-drop-text-height: 128px !default;
280
+ $rte-big-drop-text-height: 140px !default;
279
281
  $rte-drop-text-mobile-width: 250px !default;
280
282
  $rte-tbar-default-bg: $content-bg-color-alt1;
281
283
  $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
@@ -448,6 +450,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
448
450
  .e-rte-content .e-content {
449
451
  font-size: $rte-big-content-font-size;
450
452
  }
453
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
454
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
455
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
456
+ top: $rte-big-droparea-browsebtn-top;
457
+ }
451
458
  }
452
459
 
453
460
  .e-richtexteditor {
@@ -970,6 +977,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
970
977
  }
971
978
  }
972
979
 
980
+ @if $skin-name == 'tailwind' {
981
+ .e-bigger {
982
+ .e-richtexteditor {
983
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
985
+ padding: 0 8px;
986
+ }
987
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
988
+ padding: 0 8px;
989
+ }
990
+ }
991
+ }
992
+ }
993
+
973
994
  .e-rte-linkcontent .e-rte-label {
974
995
  padding-top: $rte-insert-dialog-label-padding-top;
975
996
  }
@@ -1220,19 +1241,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1220
1241
  }
1221
1242
 
1222
1243
  .e-rte-img-caption.e-imgcenter {
1223
- display: block;
1244
+ display: contents;
1224
1245
  margin-left: auto;
1225
1246
  margin-right: auto;
1226
1247
  }
1227
1248
 
1228
1249
  .e-rte-img-caption.e-imgright {
1229
- display: block;
1250
+ display: contents;
1230
1251
  margin-left: auto;
1231
1252
  margin-right: 0;
1232
1253
  }
1233
1254
 
1234
1255
  .e-rte-img-caption.e-imgleft {
1235
- display: block;
1256
+ display: contents;
1236
1257
  margin-left: 0;
1237
1258
  margin-right: auto;
1238
1259
  }
@@ -1249,7 +1270,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1249
1270
  }
1250
1271
 
1251
1272
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1252
- display: block;
1273
+ display: contents;
1253
1274
  }
1254
1275
 
1255
1276
  .e-rte-table {
@@ -1420,7 +1441,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1420
1441
 
1421
1442
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1422
1443
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1423
- top: -130px;
1444
+ top: $rte-droparea-browsebtn-top;
1424
1445
  }
1425
1446
 
1426
1447
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1946,6 +1967,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1946
1967
  }
1947
1968
  }
1948
1969
  }
1970
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1971
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1972
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1973
+ @if $skin-name == 'tailwind' {
1974
+ padding: 1px;
1975
+ }
1976
+ }
1977
+ }
1949
1978
 
1950
1979
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1951
1980
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2995,7 +3024,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2995
3024
  }
2996
3025
 
2997
3026
  .e-dialog .e-vid-uploadwrap .e-droptext {
2998
- height: 108px;
3027
+ height: $rte-drop-text-height;
3028
+ }
3029
+
3030
+ .e-bigger .e-richtexteditor {
3031
+ .e-dialog .e-img-uploadwrap .e-droptext,
3032
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3033
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3034
+ height: $rte-big-drop-text-height;
3035
+ }
2999
3036
  }
3000
3037
 
3001
3038
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3265,8 +3302,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3265
3302
  }
3266
3303
 
3267
3304
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3268
- border-bottom: 1px solid $transparent;
3269
- border-top: 1px solid $transparent;
3305
+ border: 1px solid $transparent;
3270
3306
  }
3271
3307
 
3272
3308
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3278,6 +3314,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3278
3314
  background: $rte-tb-hover-bg-color;
3279
3315
  border: 1px solid $rte-quick-item-hover-border-color;
3280
3316
  }
3317
+
3318
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3319
+ border: 1px solid $transparent;
3320
+ }
3321
+
3322
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3323
+ border: 1px solid $transparent;
3324
+ }
3281
3325
  }
3282
3326
 
3283
3327
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss CHANGED
@@ -133,7 +133,8 @@ $rte-default-character-count-opacity: 1;
133
133
  $rte-droparea-line-height: 10;
134
134
  $rte-droparea-browsebtn-height: 36px;
135
135
  $rte-droparea-browsebtn-padding: 0 18px;
136
- $rte-droparea-browsebtn-top: -50px;
136
+ $rte-droparea-browsebtn-top: -120px;
137
+ $rte-big-droparea-browsebtn-top: -120px;
137
138
  $rte-insert-dialog-font-size: 15px;
138
139
  $rte-big-insert-dialog-font-size: 15px;
139
140
  $rte-table-popup-tablecell-height: 14px;
@@ -275,7 +276,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
275
276
  $toolbar-expand-icon-min-height: 40px !default;
276
277
  $rte-align-caret-icon-min-width: 24px !default;
277
278
  $rte-drop-text-width: 300px !default;
278
- $rte-drop-text-height: 185px !default;
279
+ $rte-drop-text-height: 128px !default;
280
+ $rte-big-drop-text-height: 140px !default;
279
281
  $rte-drop-text-mobile-width: 250px !default;
280
282
  $rte-tbar-default-bg: $content-bg-color-alt1;
281
283
  $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
@@ -448,6 +450,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
448
450
  .e-rte-content .e-content {
449
451
  font-size: $rte-big-content-font-size;
450
452
  }
453
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
454
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
455
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
456
+ top: $rte-big-droparea-browsebtn-top;
457
+ }
451
458
  }
452
459
 
453
460
  .e-richtexteditor {
@@ -970,6 +977,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
970
977
  }
971
978
  }
972
979
 
980
+ @if $skin-name == 'tailwind' {
981
+ .e-bigger {
982
+ .e-richtexteditor {
983
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
985
+ padding: 0 8px;
986
+ }
987
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
988
+ padding: 0 8px;
989
+ }
990
+ }
991
+ }
992
+ }
993
+
973
994
  .e-rte-linkcontent .e-rte-label {
974
995
  padding-top: $rte-insert-dialog-label-padding-top;
975
996
  }
@@ -1220,19 +1241,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1220
1241
  }
1221
1242
 
1222
1243
  .e-rte-img-caption.e-imgcenter {
1223
- display: block;
1244
+ display: contents;
1224
1245
  margin-left: auto;
1225
1246
  margin-right: auto;
1226
1247
  }
1227
1248
 
1228
1249
  .e-rte-img-caption.e-imgright {
1229
- display: block;
1250
+ display: contents;
1230
1251
  margin-left: auto;
1231
1252
  margin-right: 0;
1232
1253
  }
1233
1254
 
1234
1255
  .e-rte-img-caption.e-imgleft {
1235
- display: block;
1256
+ display: contents;
1236
1257
  margin-left: 0;
1237
1258
  margin-right: auto;
1238
1259
  }
@@ -1249,7 +1270,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1249
1270
  }
1250
1271
 
1251
1272
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1252
- display: block;
1273
+ display: contents;
1253
1274
  }
1254
1275
 
1255
1276
  .e-rte-table {
@@ -1420,7 +1441,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1420
1441
 
1421
1442
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1422
1443
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1423
- top: -130px;
1444
+ top: $rte-droparea-browsebtn-top;
1424
1445
  }
1425
1446
 
1426
1447
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1946,6 +1967,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1946
1967
  }
1947
1968
  }
1948
1969
  }
1970
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1971
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1972
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1973
+ @if $skin-name == 'tailwind' {
1974
+ padding: 1px;
1975
+ }
1976
+ }
1977
+ }
1949
1978
 
1950
1979
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1951
1980
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2995,7 +3024,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2995
3024
  }
2996
3025
 
2997
3026
  .e-dialog .e-vid-uploadwrap .e-droptext {
2998
- height: 108px;
3027
+ height: $rte-drop-text-height;
3028
+ }
3029
+
3030
+ .e-bigger .e-richtexteditor {
3031
+ .e-dialog .e-img-uploadwrap .e-droptext,
3032
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3033
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3034
+ height: $rte-big-drop-text-height;
3035
+ }
2999
3036
  }
3000
3037
 
3001
3038
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3265,8 +3302,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3265
3302
  }
3266
3303
 
3267
3304
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3268
- border-bottom: 1px solid $transparent;
3269
- border-top: 1px solid $transparent;
3305
+ border: 1px solid $transparent;
3270
3306
  }
3271
3307
 
3272
3308
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3278,6 +3314,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3278
3314
  background: $rte-tb-hover-bg-color;
3279
3315
  border: 1px solid $rte-quick-item-hover-border-color;
3280
3316
  }
3317
+
3318
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3319
+ border: 1px solid $transparent;
3320
+ }
3321
+
3322
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3323
+ border: 1px solid $transparent;
3324
+ }
3281
3325
  }
3282
3326
 
3283
3327
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss CHANGED
@@ -247,13 +247,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
247
247
  $rte-big-table-dlg-max-height: 335px !default;
248
248
  $rte-big-edit-table-dlg-max-height: 427px !default;
249
249
  $rte-drop-text-width: 300px !default;
250
- $rte-drop-text-height: 185px !default;
250
+ $rte-drop-text-height: 128px !default;
251
+ $rte-big-drop-text-height: 140px !default;
251
252
  $rte-drop-text-mobile-width: 250px !default;
252
253
  $rte-tbar-default-bg: $neutral-lighter;
253
254
  $rte-droparea-line-height: 10;
254
255
  $rte-droparea-browsebtn-height: 36px;
255
256
  $rte-droparea-browsebtn-padding: 0 18px;
256
- $rte-droparea-browsebtn-top: -50px;
257
+ $rte-droparea-browsebtn-top: -120px;
258
+ $rte-big-droparea-browsebtn-top: -120px;
257
259
  $rte-insert-dialog-font-size: 15px;
258
260
  $rte-big-insert-dialog-font-size: 15px;
259
261
  $rte-table-popup-tablecell-height: 14px;
@@ -445,6 +447,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
445
447
  .e-rte-content .e-content {
446
448
  font-size: $rte-big-content-font-size;
447
449
  }
450
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
451
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
452
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
453
+ top: $rte-big-droparea-browsebtn-top;
454
+ }
448
455
  }
449
456
 
450
457
  .e-richtexteditor {
@@ -967,6 +974,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
967
974
  }
968
975
  }
969
976
 
977
+ @if $skin-name == 'tailwind' {
978
+ .e-bigger {
979
+ .e-richtexteditor {
980
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
981
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
982
+ padding: 0 8px;
983
+ }
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
985
+ padding: 0 8px;
986
+ }
987
+ }
988
+ }
989
+ }
990
+
970
991
  .e-rte-linkcontent .e-rte-label {
971
992
  padding-top: $rte-insert-dialog-label-padding-top;
972
993
  }
@@ -1217,19 +1238,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1217
1238
  }
1218
1239
 
1219
1240
  .e-rte-img-caption.e-imgcenter {
1220
- display: block;
1241
+ display: contents;
1221
1242
  margin-left: auto;
1222
1243
  margin-right: auto;
1223
1244
  }
1224
1245
 
1225
1246
  .e-rte-img-caption.e-imgright {
1226
- display: block;
1247
+ display: contents;
1227
1248
  margin-left: auto;
1228
1249
  margin-right: 0;
1229
1250
  }
1230
1251
 
1231
1252
  .e-rte-img-caption.e-imgleft {
1232
- display: block;
1253
+ display: contents;
1233
1254
  margin-left: 0;
1234
1255
  margin-right: auto;
1235
1256
  }
@@ -1246,7 +1267,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1246
1267
  }
1247
1268
 
1248
1269
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1249
- display: block;
1270
+ display: contents;
1250
1271
  }
1251
1272
 
1252
1273
  .e-rte-table {
@@ -1417,7 +1438,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1417
1438
 
1418
1439
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1419
1440
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1420
- top: -130px;
1441
+ top: $rte-droparea-browsebtn-top;
1421
1442
  }
1422
1443
 
1423
1444
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1943,6 +1964,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1943
1964
  }
1944
1965
  }
1945
1966
  }
1967
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1968
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1969
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1970
+ @if $skin-name == 'tailwind' {
1971
+ padding: 1px;
1972
+ }
1973
+ }
1974
+ }
1946
1975
 
1947
1976
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1948
1977
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2992,7 +3021,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2992
3021
  }
2993
3022
 
2994
3023
  .e-dialog .e-vid-uploadwrap .e-droptext {
2995
- height: 108px;
3024
+ height: $rte-drop-text-height;
3025
+ }
3026
+
3027
+ .e-bigger .e-richtexteditor {
3028
+ .e-dialog .e-img-uploadwrap .e-droptext,
3029
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3030
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3031
+ height: $rte-big-drop-text-height;
3032
+ }
2996
3033
  }
2997
3034
 
2998
3035
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3262,8 +3299,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3262
3299
  }
3263
3300
 
3264
3301
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3265
- border-bottom: 1px solid $transparent;
3266
- border-top: 1px solid $transparent;
3302
+ border: 1px solid $transparent;
3267
3303
  }
3268
3304
 
3269
3305
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3275,6 +3311,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3275
3311
  background: $rte-tb-hover-bg-color;
3276
3312
  border: 1px solid $rte-quick-item-hover-border-color;
3277
3313
  }
3314
+
3315
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3316
+ border: 1px solid $transparent;
3317
+ }
3318
+
3319
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3320
+ border: 1px solid $transparent;
3321
+ }
3278
3322
  }
3279
3323
 
3280
3324
  @if $skin-name == 'bootstrap5' {