@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/material-dark.scss CHANGED
@@ -245,7 +245,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
245
245
  $rte-big-table-dlg-max-height: 312px !default;
246
246
  $rte-big-edit-table-dlg-max-height: 385px !default;
247
247
  $rte-drop-text-width: 300px !default;
248
- $rte-drop-text-height: 185px !default;
248
+ $rte-drop-text-height: 128px !default;
249
+ $rte-big-drop-text-height: 140px !default;
249
250
  $rte-drop-text-mobile-width: 250px !default;
250
251
 
251
252
  $rte-quick-toolbar-item-margin: 0 6px !default;
@@ -256,7 +257,8 @@ $rte-tbar-default-bg: $grey-900;
256
257
  $rte-droparea-line-height: 10;
257
258
  $rte-droparea-browsebtn-height: 36px;
258
259
  $rte-droparea-browsebtn-padding: 0 18px;
259
- $rte-droparea-browsebtn-top: -50px;
260
+ $rte-droparea-browsebtn-top: -120px;
261
+ $rte-big-droparea-browsebtn-top: -120px;
260
262
  $rte-insert-dialog-font-size: 15px;
261
263
  $rte-big-insert-dialog-font-size: 15px;
262
264
  $rte-table-popup-tablecell-height: 14px;
@@ -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/material.scss CHANGED
@@ -249,13 +249,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
249
249
  $rte-big-table-dlg-max-height: 312px !default;
250
250
  $rte-big-edit-table-dlg-max-height: 385px !default;
251
251
  $rte-drop-text-width: 300px !default;
252
- $rte-drop-text-height: 185px !default;
252
+ $rte-drop-text-height: 128px !default;
253
+ $rte-big-drop-text-height: 140px !default;
253
254
  $rte-drop-text-mobile-width: 250px !default;
254
255
  $rte-tbar-default-bg: $grey-50;
255
256
  $rte-droparea-line-height: 10;
256
257
  $rte-droparea-browsebtn-height: 36px;
257
258
  $rte-droparea-browsebtn-padding: 0 18px;
258
- $rte-droparea-browsebtn-top: -50px;
259
+ $rte-droparea-browsebtn-top: -120px;
260
+ $rte-big-droparea-browsebtn-top: -120px;
259
261
  $rte-insert-dialog-font-size: 15px;
260
262
  $rte-big-insert-dialog-font-size: 15px;
261
263
  $rte-table-popup-tablecell-height: 14px;
@@ -446,6 +448,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
446
448
  .e-rte-content .e-content {
447
449
  font-size: $rte-big-content-font-size;
448
450
  }
451
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
452
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
453
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
454
+ top: $rte-big-droparea-browsebtn-top;
455
+ }
449
456
  }
450
457
 
451
458
  .e-richtexteditor {
@@ -968,6 +975,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
968
975
  }
969
976
  }
970
977
 
978
+ @if $skin-name == 'tailwind' {
979
+ .e-bigger {
980
+ .e-richtexteditor {
981
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
982
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
983
+ padding: 0 8px;
984
+ }
985
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
986
+ padding: 0 8px;
987
+ }
988
+ }
989
+ }
990
+ }
991
+
971
992
  .e-rte-linkcontent .e-rte-label {
972
993
  padding-top: $rte-insert-dialog-label-padding-top;
973
994
  }
@@ -1218,19 +1239,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1218
1239
  }
1219
1240
 
1220
1241
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1242
+ display: contents;
1222
1243
  margin-left: auto;
1223
1244
  margin-right: auto;
1224
1245
  }
1225
1246
 
1226
1247
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1248
+ display: contents;
1228
1249
  margin-left: auto;
1229
1250
  margin-right: 0;
1230
1251
  }
1231
1252
 
1232
1253
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1254
+ display: contents;
1234
1255
  margin-left: 0;
1235
1256
  margin-right: auto;
1236
1257
  }
@@ -1247,7 +1268,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1247
1268
  }
1248
1269
 
1249
1270
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1271
+ display: contents;
1251
1272
  }
1252
1273
 
1253
1274
  .e-rte-table {
@@ -1418,7 +1439,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1418
1439
 
1419
1440
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1420
1441
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1421
- top: -130px;
1442
+ top: $rte-droparea-browsebtn-top;
1422
1443
  }
1423
1444
 
1424
1445
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1944,6 +1965,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1944
1965
  }
1945
1966
  }
1946
1967
  }
1968
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1969
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1970
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1971
+ @if $skin-name == 'tailwind' {
1972
+ padding: 1px;
1973
+ }
1974
+ }
1975
+ }
1947
1976
 
1948
1977
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1949
1978
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2993,7 +3022,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2993
3022
  }
2994
3023
 
2995
3024
  .e-dialog .e-vid-uploadwrap .e-droptext {
2996
- height: 108px;
3025
+ height: $rte-drop-text-height;
3026
+ }
3027
+
3028
+ .e-bigger .e-richtexteditor {
3029
+ .e-dialog .e-img-uploadwrap .e-droptext,
3030
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3031
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3032
+ height: $rte-big-drop-text-height;
3033
+ }
2997
3034
  }
2998
3035
 
2999
3036
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3263,8 +3300,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3263
3300
  }
3264
3301
 
3265
3302
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3266
- border-bottom: 1px solid $transparent;
3267
- border-top: 1px solid $transparent;
3303
+ border: 1px solid $transparent;
3268
3304
  }
3269
3305
 
3270
3306
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3276,6 +3312,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3276
3312
  background: $rte-tb-hover-bg-color;
3277
3313
  border: 1px solid $rte-quick-item-hover-border-color;
3278
3314
  }
3315
+
3316
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3317
+ border: 1px solid $transparent;
3318
+ }
3319
+
3320
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3321
+ border: 1px solid $transparent;
3322
+ }
3279
3323
  }
3280
3324
 
3281
3325
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/material3-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: 32px;
135
135
  $rte-droparea-browsebtn-padding: 6px 16px;
136
- $rte-droparea-browsebtn-top: -50px;
136
+ $rte-droparea-browsebtn-top: -120px;
137
+ $rte-big-droparea-browsebtn-top: -120px;
137
138
  $rte-inline-dropdown-line-height: 14px !default;
138
139
  $rte-big-inline-dropdown-line-height: 14px !default;
139
140
  $rte-insert-dialog-font-size: 10px;
@@ -276,7 +277,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
276
277
  $toolbar-expand-icon-min-height: 40px !default;
277
278
  $rte-align-caret-icon-min-width: 24px !default;
278
279
  $rte-drop-text-width: 280px !default;
279
- $rte-drop-text-height: 185px !default;
280
+ $rte-drop-text-height: 128px !default;
281
+ $rte-big-drop-text-height: 140px !default;
280
282
  $rte-drop-text-mobile-width: 250px !default;
281
283
  $rte-tbar-default-bg: $content-bg-color-alt2 !default;
282
284
  $rte-extended-toolbar-items-padding: 0;
@@ -290,7 +292,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
290
292
  $rte-tb-expended-min-height: 48px !default;
291
293
  $rte-big-tb-expended-min-height: 56px !default;
292
294
  $rte-tb-expended-padding-left: 1px !default;
293
- $rte-tb-expended-hover-padding-left: 0 !default;
295
+ $rte-tb-expended-hover-padding-left: 1px !default;
294
296
  $rte-toolbar-expaned-minwidth: 18px !default;
295
297
 
296
298
  $rte-emoji-pop-background: $flyout-bg-color;
@@ -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/material3.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: 32px;
135
135
  $rte-droparea-browsebtn-padding: 6px 16px;
136
- $rte-droparea-browsebtn-top: -50px;
136
+ $rte-droparea-browsebtn-top: -120px;
137
+ $rte-big-droparea-browsebtn-top: -120px;
137
138
  $rte-inline-dropdown-line-height: 14px !default;
138
139
  $rte-big-inline-dropdown-line-height: 14px !default;
139
140
  $rte-insert-dialog-font-size: 10px;
@@ -276,7 +277,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
276
277
  $toolbar-expand-icon-min-height: 40px !default;
277
278
  $rte-align-caret-icon-min-width: 24px !default;
278
279
  $rte-drop-text-width: 280px !default;
279
- $rte-drop-text-height: 185px !default;
280
+ $rte-drop-text-height: 128px !default;
281
+ $rte-big-drop-text-height: 140px !default;
280
282
  $rte-drop-text-mobile-width: 250px !default;
281
283
  $rte-tbar-default-bg: $content-bg-color-alt2 !default;
282
284
  $rte-extended-toolbar-items-padding: 0;
@@ -290,7 +292,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
290
292
  $rte-tb-expended-min-height: 48px !default;
291
293
  $rte-big-tb-expended-min-height: 56px !default;
292
294
  $rte-tb-expended-padding-left: 1px !default;
293
- $rte-tb-expended-hover-padding-left: 0 !default;
295
+ $rte-tb-expended-hover-padding-left: 1px !default;
294
296
  $rte-toolbar-expaned-minwidth: 18px !default;
295
297
 
296
298
  $rte-emoji-pop-background: $flyout-bg-color;
@@ -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' {