@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/fabric.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: 290px !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: 240px !default;
252
253
  $rte-tbar-default-bg: $neutral-white;
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;
@@ -443,6 +445,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
443
445
  .e-rte-content .e-content {
444
446
  font-size: $rte-big-content-font-size;
445
447
  }
448
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
449
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
450
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
451
+ top: $rte-big-droparea-browsebtn-top;
452
+ }
446
453
  }
447
454
 
448
455
  .e-richtexteditor {
@@ -965,6 +972,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
965
972
  }
966
973
  }
967
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
+
968
989
  .e-rte-linkcontent .e-rte-label {
969
990
  padding-top: $rte-insert-dialog-label-padding-top;
970
991
  }
@@ -1215,19 +1236,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1215
1236
  }
1216
1237
 
1217
1238
  .e-rte-img-caption.e-imgcenter {
1218
- display: block;
1239
+ display: contents;
1219
1240
  margin-left: auto;
1220
1241
  margin-right: auto;
1221
1242
  }
1222
1243
 
1223
1244
  .e-rte-img-caption.e-imgright {
1224
- display: block;
1245
+ display: contents;
1225
1246
  margin-left: auto;
1226
1247
  margin-right: 0;
1227
1248
  }
1228
1249
 
1229
1250
  .e-rte-img-caption.e-imgleft {
1230
- display: block;
1251
+ display: contents;
1231
1252
  margin-left: 0;
1232
1253
  margin-right: auto;
1233
1254
  }
@@ -1244,7 +1265,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1244
1265
  }
1245
1266
 
1246
1267
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1247
- display: block;
1268
+ display: contents;
1248
1269
  }
1249
1270
 
1250
1271
  .e-rte-table {
@@ -1415,7 +1436,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1415
1436
 
1416
1437
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1417
1438
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1418
- top: -130px;
1439
+ top: $rte-droparea-browsebtn-top;
1419
1440
  }
1420
1441
 
1421
1442
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1941,6 +1962,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1941
1962
  }
1942
1963
  }
1943
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
+ }
1944
1973
 
1945
1974
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1946
1975
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2990,7 +3019,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2990
3019
  }
2991
3020
 
2992
3021
  .e-dialog .e-vid-uploadwrap .e-droptext {
2993
- height: 108px;
3022
+ height: $rte-drop-text-height;
3023
+ }
3024
+
3025
+ .e-bigger .e-richtexteditor {
3026
+ .e-dialog .e-img-uploadwrap .e-droptext,
3027
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3028
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3029
+ height: $rte-big-drop-text-height;
3030
+ }
2994
3031
  }
2995
3032
 
2996
3033
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3260,8 +3297,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3260
3297
  }
3261
3298
 
3262
3299
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3263
- border-bottom: 1px solid $transparent;
3264
- border-top: 1px solid $transparent;
3300
+ border: 1px solid $transparent;
3265
3301
  }
3266
3302
 
3267
3303
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3273,6 +3309,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3273
3309
  background: $rte-tb-hover-bg-color;
3274
3310
  border: 1px solid $rte-quick-item-hover-border-color;
3275
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
+ }
3276
3320
  }
3277
3321
 
3278
3322
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss CHANGED
@@ -137,7 +137,8 @@ $rte-default-character-count-opacity: .8;
137
137
  $rte-droparea-line-height: 10;
138
138
  $rte-droparea-browsebtn-height: 36px;
139
139
  $rte-droparea-browsebtn-padding: 0 18px;
140
- $rte-droparea-browsebtn-top: -50px;
140
+ $rte-droparea-browsebtn-top: -120px;
141
+ $rte-big-droparea-browsebtn-top: -120px;
141
142
  $rte-insert-dialog-font-size: 15px;
142
143
  $rte-big-insert-dialog-font-size: 15px;
143
144
  $rte-table-popup-tablecell-height: 14px;
@@ -221,7 +222,7 @@ $rte-font-family: $font-family !default;
221
222
  $rte-content-color: $content-text-color !default;
222
223
  $rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
223
224
  $rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
224
- $rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
225
+ $rte-ext-tbar-overlay-icons-color: $icon-color !default;
225
226
  $rte-overlay-color: $overlay-bg-color !default;
226
227
  $rte-dropdown-selection-color: $secondary-text-color-pressed !default;
227
228
  $rte-anchor-color: $primary !default;
@@ -279,7 +280,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
279
280
  $rte-big-table-dlg-max-height: 306px !default;
280
281
  $rte-big-edit-table-dlg-max-height: 388px !default;
281
282
  $rte-drop-text-width: 292px !default;
282
- $rte-drop-text-height: 185px !default;
283
+ $rte-drop-text-height: 128px !default;
284
+ $rte-big-drop-text-height: 140px !default;
283
285
  $rte-drop-text-mobile-width: 242px !default;
284
286
  $rte-tbar-default-bg: $content-bg-color-alt2;
285
287
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -449,6 +451,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
449
451
  .e-rte-content .e-content {
450
452
  font-size: $rte-big-content-font-size;
451
453
  }
454
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
455
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
456
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
457
+ top: $rte-big-droparea-browsebtn-top;
458
+ }
452
459
  }
453
460
 
454
461
  .e-richtexteditor {
@@ -971,6 +978,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
971
978
  }
972
979
  }
973
980
 
981
+ @if $skin-name == 'tailwind' {
982
+ .e-bigger {
983
+ .e-richtexteditor {
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
985
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
986
+ padding: 0 8px;
987
+ }
988
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
989
+ padding: 0 8px;
990
+ }
991
+ }
992
+ }
993
+ }
994
+
974
995
  .e-rte-linkcontent .e-rte-label {
975
996
  padding-top: $rte-insert-dialog-label-padding-top;
976
997
  }
@@ -1221,19 +1242,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1221
1242
  }
1222
1243
 
1223
1244
  .e-rte-img-caption.e-imgcenter {
1224
- display: block;
1245
+ display: contents;
1225
1246
  margin-left: auto;
1226
1247
  margin-right: auto;
1227
1248
  }
1228
1249
 
1229
1250
  .e-rte-img-caption.e-imgright {
1230
- display: block;
1251
+ display: contents;
1231
1252
  margin-left: auto;
1232
1253
  margin-right: 0;
1233
1254
  }
1234
1255
 
1235
1256
  .e-rte-img-caption.e-imgleft {
1236
- display: block;
1257
+ display: contents;
1237
1258
  margin-left: 0;
1238
1259
  margin-right: auto;
1239
1260
  }
@@ -1250,7 +1271,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1250
1271
  }
1251
1272
 
1252
1273
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1253
- display: block;
1274
+ display: contents;
1254
1275
  }
1255
1276
 
1256
1277
  .e-rte-table {
@@ -1421,7 +1442,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1421
1442
 
1422
1443
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1423
1444
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1424
- top: -130px;
1445
+ top: $rte-droparea-browsebtn-top;
1425
1446
  }
1426
1447
 
1427
1448
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1947,6 +1968,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1947
1968
  }
1948
1969
  }
1949
1970
  }
1971
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1972
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1973
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1974
+ @if $skin-name == 'tailwind' {
1975
+ padding: 1px;
1976
+ }
1977
+ }
1978
+ }
1950
1979
 
1951
1980
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1952
1981
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2996,7 +3025,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2996
3025
  }
2997
3026
 
2998
3027
  .e-dialog .e-vid-uploadwrap .e-droptext {
2999
- height: 108px;
3028
+ height: $rte-drop-text-height;
3029
+ }
3030
+
3031
+ .e-bigger .e-richtexteditor {
3032
+ .e-dialog .e-img-uploadwrap .e-droptext,
3033
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3034
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3035
+ height: $rte-big-drop-text-height;
3036
+ }
3000
3037
  }
3001
3038
 
3002
3039
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3266,8 +3303,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3266
3303
  }
3267
3304
 
3268
3305
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3269
- border-bottom: 1px solid $transparent;
3270
- border-top: 1px solid $transparent;
3306
+ border: 1px solid $transparent;
3271
3307
  }
3272
3308
 
3273
3309
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3279,6 +3315,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3279
3315
  background: $rte-tb-hover-bg-color;
3280
3316
  border: 1px solid $rte-quick-item-hover-border-color;
3281
3317
  }
3318
+
3319
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3320
+ border: 1px solid $transparent;
3321
+ }
3322
+
3323
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3324
+ border: 1px solid $transparent;
3325
+ }
3282
3326
  }
3283
3327
 
3284
3328
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss CHANGED
@@ -137,7 +137,8 @@ $rte-default-character-count-opacity: .8;
137
137
  $rte-droparea-line-height: 10;
138
138
  $rte-droparea-browsebtn-height: 36px;
139
139
  $rte-droparea-browsebtn-padding: 0 18px;
140
- $rte-droparea-browsebtn-top: -50px;
140
+ $rte-droparea-browsebtn-top: -120px;
141
+ $rte-big-droparea-browsebtn-top: -120px;
141
142
  $rte-insert-dialog-font-size: 15px;
142
143
  $rte-big-insert-dialog-font-size: 15px;
143
144
  $rte-table-popup-tablecell-height: 14px;
@@ -221,7 +222,7 @@ $rte-font-family: $font-family !default;
221
222
  $rte-content-color: $content-text-color !default;
222
223
  $rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
223
224
  $rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
224
- $rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
225
+ $rte-ext-tbar-overlay-icons-color: $icon-color !default;
225
226
  $rte-overlay-color: $overlay-bg-color !default;
226
227
  $rte-dropdown-selection-color: $secondary-text-color-pressed !default;
227
228
  $rte-anchor-color: $primary !default;
@@ -279,7 +280,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
279
280
  $rte-big-table-dlg-max-height: 306px !default;
280
281
  $rte-big-edit-table-dlg-max-height: 388px !default;
281
282
  $rte-drop-text-width: 292px !default;
282
- $rte-drop-text-height: 185px !default;
283
+ $rte-drop-text-height: 128px !default;
284
+ $rte-big-drop-text-height: 140px !default;
283
285
  $rte-drop-text-mobile-width: 242px !default;
284
286
  $rte-tbar-default-bg: $content-bg-color-alt2;
285
287
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -449,6 +451,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
449
451
  .e-rte-content .e-content {
450
452
  font-size: $rte-big-content-font-size;
451
453
  }
454
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
455
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
456
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
457
+ top: $rte-big-droparea-browsebtn-top;
458
+ }
452
459
  }
453
460
 
454
461
  .e-richtexteditor {
@@ -971,6 +978,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
971
978
  }
972
979
  }
973
980
 
981
+ @if $skin-name == 'tailwind' {
982
+ .e-bigger {
983
+ .e-richtexteditor {
984
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
985
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
986
+ padding: 0 8px;
987
+ }
988
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
989
+ padding: 0 8px;
990
+ }
991
+ }
992
+ }
993
+ }
994
+
974
995
  .e-rte-linkcontent .e-rte-label {
975
996
  padding-top: $rte-insert-dialog-label-padding-top;
976
997
  }
@@ -1221,19 +1242,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1221
1242
  }
1222
1243
 
1223
1244
  .e-rte-img-caption.e-imgcenter {
1224
- display: block;
1245
+ display: contents;
1225
1246
  margin-left: auto;
1226
1247
  margin-right: auto;
1227
1248
  }
1228
1249
 
1229
1250
  .e-rte-img-caption.e-imgright {
1230
- display: block;
1251
+ display: contents;
1231
1252
  margin-left: auto;
1232
1253
  margin-right: 0;
1233
1254
  }
1234
1255
 
1235
1256
  .e-rte-img-caption.e-imgleft {
1236
- display: block;
1257
+ display: contents;
1237
1258
  margin-left: 0;
1238
1259
  margin-right: auto;
1239
1260
  }
@@ -1250,7 +1271,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1250
1271
  }
1251
1272
 
1252
1273
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1253
- display: block;
1274
+ display: contents;
1254
1275
  }
1255
1276
 
1256
1277
  .e-rte-table {
@@ -1421,7 +1442,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1421
1442
 
1422
1443
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1423
1444
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1424
- top: -130px;
1445
+ top: $rte-droparea-browsebtn-top;
1425
1446
  }
1426
1447
 
1427
1448
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1947,6 +1968,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1947
1968
  }
1948
1969
  }
1949
1970
  }
1971
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active{
1972
+ .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1973
+ .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1974
+ @if $skin-name == 'tailwind' {
1975
+ padding: 1px;
1976
+ }
1977
+ }
1978
+ }
1950
1979
 
1951
1980
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1952
1981
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2996,7 +3025,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2996
3025
  }
2997
3026
 
2998
3027
  .e-dialog .e-vid-uploadwrap .e-droptext {
2999
- height: 108px;
3028
+ height: $rte-drop-text-height;
3029
+ }
3030
+
3031
+ .e-bigger .e-richtexteditor {
3032
+ .e-dialog .e-img-uploadwrap .e-droptext,
3033
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3034
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3035
+ height: $rte-big-drop-text-height;
3036
+ }
3000
3037
  }
3001
3038
 
3002
3039
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3266,8 +3303,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3266
3303
  }
3267
3304
 
3268
3305
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3269
- border-bottom: 1px solid $transparent;
3270
- border-top: 1px solid $transparent;
3306
+ border: 1px solid $transparent;
3271
3307
  }
3272
3308
 
3273
3309
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3279,6 +3315,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3279
3315
  background: $rte-tb-hover-bg-color;
3280
3316
  border: 1px solid $rte-quick-item-hover-border-color;
3281
3317
  }
3318
+
3319
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
3320
+ border: 1px solid $transparent;
3321
+ }
3322
+
3323
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3324
+ border: 1px solid $transparent;
3325
+ }
3282
3326
  }
3283
3327
 
3284
3328
  @if $skin-name == 'bootstrap5' {
package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss CHANGED
@@ -251,13 +251,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
251
251
  $rte-big-table-dlg-max-height: 309px !default;
252
252
  $rte-big-edit-table-dlg-max-height: 400px !default;
253
253
  $rte-drop-text-width: 288px !default;
254
- $rte-drop-text-height: 185px !default;
254
+ $rte-drop-text-height: 128px !default;
255
+ $rte-big-drop-text-height: 140px !default;
255
256
  $rte-drop-text-mobile-width: 238px !default;
256
257
  $rte-tbar-default-bg: $bg-base-0;
257
258
  $rte-droparea-line-height: 10;
258
259
  $rte-droparea-browsebtn-height: 36px;
259
260
  $rte-droparea-browsebtn-padding: 0 18px;
260
- $rte-droparea-browsebtn-top: -50px;
261
+ $rte-droparea-browsebtn-top: -120px;
262
+ $rte-big-droparea-browsebtn-top: -120px;
261
263
  $rte-insert-dialog-font-size: 15px;
262
264
  $rte-big-insert-dialog-font-size: 15px;
263
265
  $rte-table-popup-tablecell-height: 14px;
@@ -443,6 +445,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
443
445
  .e-rte-content .e-content {
444
446
  font-size: $rte-big-content-font-size;
445
447
  }
448
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
449
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
450
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
451
+ top: $rte-big-droparea-browsebtn-top;
452
+ }
446
453
  }
447
454
 
448
455
  .e-richtexteditor {
@@ -965,6 +972,20 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
965
972
  }
966
973
  }
967
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
+
968
989
  .e-rte-linkcontent .e-rte-label {
969
990
  padding-top: $rte-insert-dialog-label-padding-top;
970
991
  }
@@ -1215,19 +1236,19 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1215
1236
  }
1216
1237
 
1217
1238
  .e-rte-img-caption.e-imgcenter {
1218
- display: block;
1239
+ display: contents;
1219
1240
  margin-left: auto;
1220
1241
  margin-right: auto;
1221
1242
  }
1222
1243
 
1223
1244
  .e-rte-img-caption.e-imgright {
1224
- display: block;
1245
+ display: contents;
1225
1246
  margin-left: auto;
1226
1247
  margin-right: 0;
1227
1248
  }
1228
1249
 
1229
1250
  .e-rte-img-caption.e-imgleft {
1230
- display: block;
1251
+ display: contents;
1231
1252
  margin-left: 0;
1232
1253
  margin-right: auto;
1233
1254
  }
@@ -1244,7 +1265,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1244
1265
  }
1245
1266
 
1246
1267
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1247
- display: block;
1268
+ display: contents;
1248
1269
  }
1249
1270
 
1250
1271
  .e-rte-table {
@@ -1415,7 +1436,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1415
1436
 
1416
1437
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1417
1438
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1418
- top: -130px;
1439
+ top: $rte-droparea-browsebtn-top;
1419
1440
  }
1420
1441
 
1421
1442
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -1941,6 +1962,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1941
1962
  }
1942
1963
  }
1943
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
+ }
1944
1973
 
1945
1974
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item,
1946
1975
  .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item,
@@ -2990,7 +3019,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2990
3019
  }
2991
3020
 
2992
3021
  .e-dialog .e-vid-uploadwrap .e-droptext {
2993
- height: 108px;
3022
+ height: $rte-drop-text-height;
3023
+ }
3024
+
3025
+ .e-bigger .e-richtexteditor {
3026
+ .e-dialog .e-img-uploadwrap .e-droptext,
3027
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3028
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3029
+ height: $rte-big-drop-text-height;
3030
+ }
2994
3031
  }
2995
3032
 
2996
3033
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3260,8 +3297,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3260
3297
  }
3261
3298
 
3262
3299
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3263
- border-bottom: 1px solid $transparent;
3264
- border-top: 1px solid $transparent;
3300
+ border: 1px solid $transparent;
3265
3301
  }
3266
3302
 
3267
3303
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3273,6 +3309,14 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3273
3309
  background: $rte-tb-hover-bg-color;
3274
3310
  border: 1px solid $rte-quick-item-hover-border-color;
3275
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
+ }
3276
3320
  }
3277
3321
 
3278
3322
  @if $skin-name == 'bootstrap5' {