@syncfusion/blazor-themes 24.2.3 → 24.2.5

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +55 -14
  2. package/SCSS-Themes/bootstrap.scss +51 -10
  3. package/SCSS-Themes/bootstrap4.scss +58 -17
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -10
  5. package/SCSS-Themes/bootstrap5.scss +51 -10
  6. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +3 -3
  7. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  8. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +3 -3
  9. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  10. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  11. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  12. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  13. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  14. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  15. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  16. package/SCSS-Themes/calendars/calendar/material-dark.scss +2 -2
  17. package/SCSS-Themes/calendars/calendar/material.scss +2 -2
  18. package/SCSS-Themes/calendars/calendar/material3-dark.scss +2 -2
  19. package/SCSS-Themes/calendars/calendar/material3.scss +2 -2
  20. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  21. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  22. package/SCSS-Themes/fabric-dark.scss +51 -10
  23. package/SCSS-Themes/fabric.scss +51 -10
  24. package/SCSS-Themes/fluent-dark.scss +52 -11
  25. package/SCSS-Themes/fluent.scss +52 -11
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -0
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +11 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +11 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +11 -0
  37. package/SCSS-Themes/grids/grid/material.scss +11 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +11 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +11 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +11 -0
  42. package/SCSS-Themes/highcontrast.scss +51 -10
  43. package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss +13 -2
  44. package/SCSS-Themes/inputs/data-form/bootstrap.scss +13 -2
  45. package/SCSS-Themes/inputs/data-form/bootstrap4.scss +13 -2
  46. package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss +13 -2
  47. package/SCSS-Themes/inputs/data-form/bootstrap5.scss +13 -2
  48. package/SCSS-Themes/inputs/data-form/fabric-dark.scss +13 -2
  49. package/SCSS-Themes/inputs/data-form/fabric.scss +13 -2
  50. package/SCSS-Themes/inputs/data-form/fluent-dark.scss +13 -2
  51. package/SCSS-Themes/inputs/data-form/fluent.scss +13 -2
  52. package/SCSS-Themes/inputs/data-form/highcontrast.scss +13 -2
  53. package/SCSS-Themes/inputs/data-form/material-dark.scss +13 -2
  54. package/SCSS-Themes/inputs/data-form/material.scss +13 -2
  55. package/SCSS-Themes/inputs/data-form/material3-dark.scss +13 -2
  56. package/SCSS-Themes/inputs/data-form/material3.scss +13 -2
  57. package/SCSS-Themes/inputs/data-form/tailwind-dark.scss +13 -2
  58. package/SCSS-Themes/inputs/data-form/tailwind.scss +13 -2
  59. package/SCSS-Themes/material-dark.scss +52 -11
  60. package/SCSS-Themes/material.scss +52 -11
  61. package/SCSS-Themes/material3-dark.scss +53 -12
  62. package/SCSS-Themes/material3.scss +53 -12
  63. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +2 -2
  64. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +2 -2
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +25 -5
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +25 -5
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +28 -8
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +25 -5
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +25 -5
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +25 -5
  71. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +25 -5
  72. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +26 -6
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +26 -6
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +25 -5
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +25 -5
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +25 -5
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +26 -6
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +26 -6
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +25 -5
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +25 -5
  81. package/SCSS-Themes/tailwind-dark.scss +51 -10
  82. package/SCSS-Themes/tailwind.scss +51 -10
  83. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +1 -2
  84. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +1 -2
  85. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +1 -2
  86. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +1 -2
  87. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +1 -2
  88. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +1 -2
  89. package/SCSS-Themes/treegrid/treegrid/fabric.scss +1 -2
  90. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +1 -2
  91. package/SCSS-Themes/treegrid/treegrid/fluent.scss +1 -2
  92. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +1 -2
  93. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +1 -2
  94. package/SCSS-Themes/treegrid/treegrid/material.scss +1 -2
  95. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +1 -2
  96. package/SCSS-Themes/treegrid/treegrid/material3.scss +1 -2
  97. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +1 -2
  98. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +1 -2
  99. package/package.json +1 -1
@@ -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 {
@@ -1420,7 +1427,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1420
1427
 
1421
1428
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1422
1429
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1423
- top: -130px;
1430
+ top: $rte-droparea-browsebtn-top;
1424
1431
  }
1425
1432
 
1426
1433
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2327,7 +2334,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2327
2334
 
2328
2335
  @if $skin-name == 'Material3' {
2329
2336
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2330
- border-color: $outline;
2337
+ font-weight: $font-weight;
2338
+ border: 1px solid rgba($info-outline-border);
2339
+ border-radius: 20px;
2331
2340
  }
2332
2341
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2333
2342
  padding-top: 0;
@@ -2993,7 +3002,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2993
3002
  }
2994
3003
 
2995
3004
  .e-dialog .e-vid-uploadwrap .e-droptext {
2996
- height: 108px;
3005
+ height: $rte-drop-text-height;
3006
+ }
3007
+
3008
+ .e-bigger .e-richtexteditor {
3009
+ .e-dialog .e-img-uploadwrap .e-droptext,
3010
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3011
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3012
+ height: $rte-big-drop-text-height;
3013
+ }
2997
3014
  }
2998
3015
 
2999
3016
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3315,6 +3332,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3315
3332
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3316
3333
  border-top-right-radius: $rte-border-top-right-radius;
3317
3334
  }
3335
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3336
+ color: $rte-content-color;
3337
+ }
3318
3338
  }
3319
3339
  // Blazor styles start
3320
3340
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -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 {
@@ -1420,7 +1427,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1420
1427
 
1421
1428
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1422
1429
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1423
- top: -130px;
1430
+ top: $rte-droparea-browsebtn-top;
1424
1431
  }
1425
1432
 
1426
1433
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2327,7 +2334,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2327
2334
 
2328
2335
  @if $skin-name == 'Material3' {
2329
2336
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2330
- border-color: $outline;
2337
+ font-weight: $font-weight;
2338
+ border: 1px solid rgba($info-outline-border);
2339
+ border-radius: 20px;
2331
2340
  }
2332
2341
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2333
2342
  padding-top: 0;
@@ -2993,7 +3002,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2993
3002
  }
2994
3003
 
2995
3004
  .e-dialog .e-vid-uploadwrap .e-droptext {
2996
- height: 108px;
3005
+ height: $rte-drop-text-height;
3006
+ }
3007
+
3008
+ .e-bigger .e-richtexteditor {
3009
+ .e-dialog .e-img-uploadwrap .e-droptext,
3010
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3011
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3012
+ height: $rte-big-drop-text-height;
3013
+ }
2997
3014
  }
2998
3015
 
2999
3016
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3315,6 +3332,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3315
3332
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3316
3333
  border-top-right-radius: $rte-border-top-right-radius;
3317
3334
  }
3335
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3336
+ color: $rte-content-color;
3337
+ }
3318
3338
  }
3319
3339
  // Blazor styles start
3320
3340
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -136,7 +136,8 @@ $rte-default-character-count-opacity: 1;
136
136
  $rte-droparea-line-height: 10;
137
137
  $rte-droparea-browsebtn-height: 36px;
138
138
  $rte-droparea-browsebtn-padding: 0 18px;
139
- $rte-droparea-browsebtn-top: -50px;
139
+ $rte-droparea-browsebtn-top: -120px;
140
+ $rte-big-droparea-browsebtn-top: -120px;
140
141
  $rte-insert-dialog-font-size: 15px;
141
142
  $rte-big-insert-dialog-font-size: 15px;
142
143
  $rte-table-popup-tablecell-height: 14px;
@@ -272,7 +273,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
272
273
  $rte-big-table-dlg-max-height: 283px !default;
273
274
  $rte-big-edit-table-dlg-max-height: 388px !default;
274
275
  $rte-drop-text-width: 300px !default;
275
- $rte-drop-text-height: 185px !default;
276
+ $rte-drop-text-height: 128px !default;
277
+ $rte-big-drop-text-height: 140px !default;
276
278
  $rte-drop-text-mobile-width: 250px !default;
277
279
  $rte-tbar-default-bg: $content-bg-color-alt2;
278
280
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -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 {
@@ -1415,7 +1422,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1415
1422
 
1416
1423
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1417
1424
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1418
- top: -130px;
1425
+ top: $rte-droparea-browsebtn-top;
1419
1426
  }
1420
1427
 
1421
1428
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2322,7 +2329,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2322
2329
 
2323
2330
  @if $skin-name == 'Material3' {
2324
2331
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2325
- border-color: $outline;
2332
+ font-weight: $font-weight;
2333
+ border: 1px solid rgba($info-outline-border);
2334
+ border-radius: 20px;
2326
2335
  }
2327
2336
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2328
2337
  padding-top: 0;
@@ -2988,7 +2997,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2988
2997
  }
2989
2998
 
2990
2999
  .e-dialog .e-vid-uploadwrap .e-droptext {
2991
- height: 108px;
3000
+ height: $rte-drop-text-height;
3001
+ }
3002
+
3003
+ .e-bigger .e-richtexteditor {
3004
+ .e-dialog .e-img-uploadwrap .e-droptext,
3005
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3006
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3007
+ height: $rte-big-drop-text-height;
3008
+ }
2992
3009
  }
2993
3010
 
2994
3011
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3310,6 +3327,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3310
3327
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3311
3328
  border-top-right-radius: $rte-border-top-right-radius;
3312
3329
  }
3330
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3331
+ color: $rte-content-color;
3332
+ }
3313
3333
  }
3314
3334
  // Blazor styles start
3315
3335
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -136,7 +136,8 @@ $rte-default-character-count-opacity: 1;
136
136
  $rte-droparea-line-height: 10;
137
137
  $rte-droparea-browsebtn-height: 36px;
138
138
  $rte-droparea-browsebtn-padding: 0 18px;
139
- $rte-droparea-browsebtn-top: -50px;
139
+ $rte-droparea-browsebtn-top: -120px;
140
+ $rte-big-droparea-browsebtn-top: -120px;
140
141
  $rte-insert-dialog-font-size: 15px;
141
142
  $rte-big-insert-dialog-font-size: 15px;
142
143
  $rte-table-popup-tablecell-height: 14px;
@@ -272,7 +273,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
272
273
  $rte-big-table-dlg-max-height: 283px !default;
273
274
  $rte-big-edit-table-dlg-max-height: 388px !default;
274
275
  $rte-drop-text-width: 300px !default;
275
- $rte-drop-text-height: 185px !default;
276
+ $rte-drop-text-height: 128px !default;
277
+ $rte-big-drop-text-height: 140px !default;
276
278
  $rte-drop-text-mobile-width: 250px !default;
277
279
  $rte-tbar-default-bg: $content-bg-color-alt2;
278
280
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -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 {
@@ -1415,7 +1422,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
1415
1422
 
1416
1423
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1417
1424
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1418
- top: -130px;
1425
+ top: $rte-droparea-browsebtn-top;
1419
1426
  }
1420
1427
 
1421
1428
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -2322,7 +2329,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2322
2329
 
2323
2330
  @if $skin-name == 'Material3' {
2324
2331
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
2325
- border-color: $outline;
2332
+ font-weight: $font-weight;
2333
+ border: 1px solid rgba($info-outline-border);
2334
+ border-radius: 20px;
2326
2335
  }
2327
2336
  .e-dialog .e-dlg-header-content + .e-dlg-content{
2328
2337
  padding-top: 0;
@@ -2988,7 +2997,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
2988
2997
  }
2989
2998
 
2990
2999
  .e-dialog .e-vid-uploadwrap .e-droptext {
2991
- height: 108px;
3000
+ height: $rte-drop-text-height;
3001
+ }
3002
+
3003
+ .e-bigger .e-richtexteditor {
3004
+ .e-dialog .e-img-uploadwrap .e-droptext,
3005
+ .e-dialog .e-aud-uploadwrap .e-droptext,
3006
+ .e-dialog .e-vid-uploadwrap .e-droptext {
3007
+ height: $rte-big-drop-text-height;
3008
+ }
2992
3009
  }
2993
3010
 
2994
3011
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3310,6 +3327,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
3310
3327
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
3311
3328
  border-top-right-radius: $rte-border-top-right-radius;
3312
3329
  }
3330
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
3331
+ color: $rte-content-color;
3332
+ }
3313
3333
  }
3314
3334
  // Blazor styles start
3315
3335
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -27164,7 +27164,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
27164
27164
  color: $calendar-today-disabled-color;
27165
27165
  }
27166
27166
  }
27167
- .e-calendar .e-cell.e-focused-cell {
27167
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
27168
27168
  box-shadow: $calendar-focused-cell-box-shadow;
27169
27169
  border-radius: $calendar-border-radius;
27170
27170
  }
@@ -80249,6 +80249,8 @@ margin: $grid-group-animator-cell-margin;
80249
80249
  }
80250
80250
 
80251
80251
  &.e-lib .e-leftfreeze,
80252
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
80253
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
80252
80254
  &.e-lib .e-rightfreeze,
80253
80255
  .e-leftfreeze,
80254
80256
  .e-rightfreeze {
@@ -80257,6 +80259,7 @@ margin: $grid-group-animator-cell-margin;
80257
80259
  }
80258
80260
 
80259
80261
  &.e-lib .e-fixedfreeze,
80262
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
80260
80263
  .e-fixedfreeze {
80261
80264
  position: sticky;
80262
80265
  z-index: 3;
@@ -80317,6 +80320,7 @@ margin: $grid-group-animator-cell-margin;
80317
80320
  overflow-x: hidden;
80318
80321
  }
80319
80322
 
80323
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80320
80324
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80321
80325
  .e-leftfreeze.e-freezeleftborder {
80322
80326
  border-right-width: 2px;
@@ -80348,6 +80352,7 @@ margin: $grid-group-animator-cell-margin;
80348
80352
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
80349
80353
  }
80350
80354
 
80355
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80351
80356
  &.e-lib .e-rightfreeze.e-freezerightborder,
80352
80357
  .e-rightfreeze.e-freezerightborder {
80353
80358
  border-left-width: 2px;
@@ -80379,11 +80384,13 @@ margin: $grid-group-animator-cell-margin;
80379
80384
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
80380
80385
  }
80381
80386
 
80387
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80382
80388
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80383
80389
  .e-fixedfreeze.e-freezeleftborder {
80384
80390
  border-left-width: 1px;
80385
80391
  }
80386
80392
 
80393
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80387
80394
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80388
80395
  .e-fixedfreeze.e-freezerightborder {
80389
80396
  border-right-width: 1px;
@@ -80522,21 +80529,25 @@ margin: $grid-group-animator-cell-margin;
80522
80529
  }
80523
80530
  }
80524
80531
 
80532
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80525
80533
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80526
80534
  .e-leftfreeze.e-freezeleftborder {
80527
80535
  border-left-width: 2px;
80528
80536
  }
80529
80537
 
80538
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80530
80539
  &.e-lib .e-rightfreeze.e-freezerightborder,
80531
80540
  .e-rightfreeze.e-freezerightborder {
80532
80541
  border-right-width: 2px;
80533
80542
  }
80534
80543
 
80544
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80535
80545
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80536
80546
  .e-fixedfreeze.e-freezeleftborder {
80537
80547
  border-right-width: 1px;
80538
80548
  }
80539
80549
 
80550
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80540
80551
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80541
80552
  .e-fixedfreeze.e-freezerightborder {
80542
80553
  border-left-width: 1px;
@@ -86726,50 +86737,63 @@ $form-button-padding: 7px 16px !default;
86726
86737
  display: grid;
86727
86738
  }
86728
86739
 
86740
+ /* stylelint-disable property-no-vendor-prefix */
86729
86741
  #{if(&, '&', '*')} .e-grid-col-2 {
86742
+ -ms-grid-columns: repeat(2, 1fr);
86730
86743
  grid-template-columns: repeat(2, minmax(0, 1fr));
86731
86744
  }
86732
86745
 
86733
86746
  #{if(&, '&', '*')} .e-grid-col-3 {
86747
+ -ms-grid-columns: repeat(3, 1fr);
86734
86748
  grid-template-columns: repeat(3, minmax(0, 1fr));
86735
86749
  }
86736
86750
 
86737
86751
  #{if(&, '&', '*')} .e-grid-col-4 {
86752
+ -ms-grid-columns: repeat(4, 1fr);
86738
86753
  grid-template-columns: repeat(4, minmax(0, 1fr));
86739
86754
  }
86740
86755
 
86741
86756
  #{if(&, '&', '*')} .e-grid-col-5 {
86757
+ -ms-grid-columns: repeat(5, 1fr);
86742
86758
  grid-template-columns: repeat(5, minmax(0, 1fr));
86743
86759
  }
86744
86760
 
86745
86761
  #{if(&, '&', '*')} .e-grid-col-6 {
86762
+ -ms-grid-columns: repeat(6, 1fr);
86746
86763
  grid-template-columns: repeat(6, minmax(0, 1fr));
86747
86764
  }
86748
86765
 
86749
86766
  #{if(&, '&', '*')} .e-grid-col-7 {
86767
+ -ms-grid-columns: repeat(7, 1fr);
86750
86768
  grid-template-columns: repeat(7, minmax(0, 1fr));
86751
86769
  }
86752
86770
 
86753
86771
  #{if(&, '&', '*')} .e-grid-col-8 {
86772
+ -ms-grid-columns: repeat(8, 1fr);
86754
86773
  grid-template-columns: repeat(8, minmax(0, 1fr));
86755
86774
  }
86756
86775
 
86757
86776
  #{if(&, '&', '*')} .e-grid-col-9 {
86777
+ -ms-grid-columns: repeat(9, 1fr);
86758
86778
  grid-template-columns: repeat(9, minmax(0, 1fr));
86759
86779
  }
86760
86780
 
86761
86781
  #{if(&, '&', '*')} .e-grid-col-10 {
86782
+ -ms-grid-columns: repeat(10, 1fr);
86762
86783
  grid-template-columns: repeat(10, minmax(0, 1fr));
86763
86784
  }
86764
86785
 
86765
86786
  #{if(&, '&', '*')} .e-grid-col-11 {
86787
+ -ms-grid-columns: repeat(11, 1fr);
86766
86788
  grid-template-columns: repeat(11, minmax(0, 1fr));
86767
86789
  }
86768
86790
 
86769
86791
  #{if(&, '&', '*')} .e-grid-col-12 {
86792
+ -ms-grid-columns: repeat(12, 1fr);
86770
86793
  grid-template-columns: repeat(12, minmax(0, 1fr));
86771
86794
  }
86772
86795
 
86796
+ /* stylelint-enable property-no-vendor-prefix */
86773
86797
  #{if(&, '&', '*')} .e-colspan-1 {
86774
86798
  grid-column: span 1/span 1;
86775
86799
  }
@@ -86818,8 +86842,6 @@ $form-button-padding: 7px 16px !default;
86818
86842
  grid-column: span 12/span 12;
86819
86843
  }
86820
86844
 
86821
-
86822
-
86823
86845
  .e-label-left {
86824
86846
 
86825
86847
  .e-form-item-wrapper {
@@ -87251,8 +87273,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87251
87273
  .e-gridcontent .e-table .e-detail-intent,
87252
87274
  .e-table .e-detailrow .e-detailindentcell,
87253
87275
  .e-table .e-detailrowexpand,
87254
- .e-table .e-detailrowcollapse,
87255
- .e-filterbarcell.e-mastercell {
87276
+ .e-table .e-detailrowcollapse {
87256
87277
  display: none;
87257
87278
  }
87258
87279
 
@@ -89589,7 +89610,8 @@ $rte-default-character-count-opacity: 1;
89589
89610
  $rte-droparea-line-height: 10;
89590
89611
  $rte-droparea-browsebtn-height: 36px;
89591
89612
  $rte-droparea-browsebtn-padding: 0 18px;
89592
- $rte-droparea-browsebtn-top: -50px;
89613
+ $rte-droparea-browsebtn-top: -120px;
89614
+ $rte-big-droparea-browsebtn-top: -120px;
89593
89615
  $rte-insert-dialog-font-size: 15px;
89594
89616
  $rte-big-insert-dialog-font-size: 15px;
89595
89617
  $rte-table-popup-tablecell-height: 14px;
@@ -89725,7 +89747,8 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
89725
89747
  $rte-big-table-dlg-max-height: 283px !default;
89726
89748
  $rte-big-edit-table-dlg-max-height: 388px !default;
89727
89749
  $rte-drop-text-width: 300px !default;
89728
- $rte-drop-text-height: 185px !default;
89750
+ $rte-drop-text-height: 128px !default;
89751
+ $rte-big-drop-text-height: 140px !default;
89729
89752
  $rte-drop-text-mobile-width: 250px !default;
89730
89753
  $rte-tbar-default-bg: $content-bg-color-alt2;
89731
89754
  $rte-big-insert-dialog-label-padding-top: 12px;
@@ -89896,6 +89919,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89896
89919
  .e-rte-content .e-content {
89897
89920
  font-size: $rte-big-content-font-size;
89898
89921
  }
89922
+ .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
89923
+ .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
89924
+ .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
89925
+ top: $rte-big-droparea-browsebtn-top;
89926
+ }
89899
89927
  }
89900
89928
 
89901
89929
  .e-richtexteditor {
@@ -90868,7 +90896,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90868
90896
 
90869
90897
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
90870
90898
  .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
90871
- top: -130px;
90899
+ top: $rte-droparea-browsebtn-top;
90872
90900
  }
90873
90901
 
90874
90902
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -91775,7 +91803,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91775
91803
 
91776
91804
  @if $skin-name == 'Material3' {
91777
91805
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
91778
- border-color: $outline;
91806
+ font-weight: $font-weight;
91807
+ border: 1px solid rgba($info-outline-border);
91808
+ border-radius: 20px;
91779
91809
  }
91780
91810
  .e-dialog .e-dlg-header-content + .e-dlg-content{
91781
91811
  padding-top: 0;
@@ -92441,7 +92471,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92441
92471
  }
92442
92472
 
92443
92473
  .e-dialog .e-vid-uploadwrap .e-droptext {
92444
- height: 108px;
92474
+ height: $rte-drop-text-height;
92475
+ }
92476
+
92477
+ .e-bigger .e-richtexteditor {
92478
+ .e-dialog .e-img-uploadwrap .e-droptext,
92479
+ .e-dialog .e-aud-uploadwrap .e-droptext,
92480
+ .e-dialog .e-vid-uploadwrap .e-droptext {
92481
+ height: $rte-big-drop-text-height;
92482
+ }
92445
92483
  }
92446
92484
 
92447
92485
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -92763,6 +92801,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92763
92801
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
92764
92802
  border-top-right-radius: $rte-border-top-right-radius;
92765
92803
  }
92804
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
92805
+ color: $rte-content-color;
92806
+ }
92766
92807
  }
92767
92808
  // Blazor styles start
92768
92809
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {