@syncfusion/blazor-themes 21.1.41 → 21.2.4

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 +54 -24
  2. package/SCSS-Themes/bootstrap.scss +54 -24
  3. package/SCSS-Themes/bootstrap4.scss +55 -25
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -24
  5. package/SCSS-Themes/bootstrap5.scss +51 -24
  6. package/SCSS-Themes/fabric-dark.scss +54 -24
  7. package/SCSS-Themes/fabric.scss +54 -24
  8. package/SCSS-Themes/fluent-dark.scss +52 -25
  9. package/SCSS-Themes/fluent.scss +52 -25
  10. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -0
  11. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -0
  12. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -0
  13. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -0
  14. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -0
  15. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -0
  16. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -0
  17. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -0
  18. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -0
  19. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -0
  20. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -0
  21. package/SCSS-Themes/gantt/gantt/material.scss +4 -0
  22. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -0
  23. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -0
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -0
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +25 -0
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -1
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -0
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -0
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -0
  30. package/SCSS-Themes/grids/grid/fabric.scss +25 -0
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -0
  32. package/SCSS-Themes/grids/grid/fluent.scss +25 -0
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +25 -0
  34. package/SCSS-Themes/grids/grid/material-dark.scss +25 -0
  35. package/SCSS-Themes/grids/grid/material.scss +25 -0
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -0
  37. package/SCSS-Themes/grids/grid/tailwind.scss +25 -0
  38. package/SCSS-Themes/highcontrast.scss +54 -24
  39. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  40. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  41. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  42. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  43. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  44. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  45. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  46. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  47. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  48. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  49. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  50. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  51. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  52. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  53. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  55. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  56. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  57. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  58. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  59. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  60. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  61. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  62. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  63. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  64. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  65. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  66. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  67. package/SCSS-Themes/material-dark.scss +55 -25
  68. package/SCSS-Themes/material.scss +55 -25
  69. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  71. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  72. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  73. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  74. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  75. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  76. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  77. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  78. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  79. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  80. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  81. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  82. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  83. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -1
  84. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -1
  85. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -1
  86. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -1
  87. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -1
  88. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -1
  89. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -1
  90. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +2 -2
  91. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +2 -2
  92. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -1
  93. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +2 -2
  94. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +2 -2
  95. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -1
  96. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -1
  97. package/SCSS-Themes/tailwind-dark.scss +51 -24
  98. package/SCSS-Themes/tailwind.scss +51 -24
  99. package/package.json +1 -1
@@ -40073,7 +40073,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
40073
40073
  font-size: $listview-header-font-size;
40074
40074
  }
40075
40075
 
40076
- & .e-icons:not(.e-primary .e-btn-icon) {
40076
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40077
40077
  color: $listview-icon-color;
40078
40078
 
40079
40079
  @if ($skin-name == 'tailwind') {
@@ -53846,11 +53846,13 @@ $ripple-width: 32px !default;
53846
53846
  }
53847
53847
 
53848
53848
  .e-list-item.e-active,
53849
- .e-list-item.e-hover {
53849
+ .e-list-item.e-hover,
53850
+ .e-list-item.e-node-focus {
53850
53851
  background: transparent;
53851
53852
  }
53852
53853
 
53853
- .e-list-item.e-hover > .e-text-content {
53854
+ .e-list-item.e-hover > .e-text-content,
53855
+ .e-list-item.e-node-focus > .e-text-content {
53854
53856
  color: $treeview-text-hover-color;
53855
53857
 
53856
53858
  .e-list-text {
@@ -53899,7 +53901,8 @@ $ripple-width: 32px !default;
53899
53901
  }
53900
53902
  }
53901
53903
 
53902
- .e-list-item.e-active.e-hover > .e-text-content {
53904
+ .e-list-item.e-active.e-hover > .e-text-content,
53905
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53903
53906
  color: $treeview-text-active-hover-color;
53904
53907
 
53905
53908
  .e-list-text {
@@ -53913,7 +53916,8 @@ $ripple-width: 32px !default;
53913
53916
  }
53914
53917
 
53915
53918
  .e-list-item.e-editing.e-active > .e-text-content,
53916
- .e-list-item.e-editing.e-hover > .e-text-content {
53919
+ .e-list-item.e-editing.e-hover > .e-text-content,
53920
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
53917
53921
  color: $treeview-text-color;
53918
53922
 
53919
53923
  .e-list-text {
@@ -53930,7 +53934,8 @@ $ripple-width: 32px !default;
53930
53934
  }
53931
53935
  }
53932
53936
 
53933
- .e-list-item.e-hover > .e-fullrow {
53937
+ .e-list-item.e-hover > .e-fullrow,
53938
+ .e-list-item.e-node-focus > .e-fullrow {
53934
53939
  background-color: $treeview-item-hover-bg;
53935
53940
  border-color: $treeview-item-hover-border-color;
53936
53941
  }
@@ -53955,12 +53960,14 @@ $ripple-width: 32px !default;
53955
53960
  }
53956
53961
  }
53957
53962
 
53958
- .e-list-item.e-active.e-hover > .e-fullrow{
53963
+ .e-list-item.e-active.e-hover > .e-fullrow,
53964
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
53959
53965
  @include active-hover-theme;
53960
53966
  }
53961
53967
 
53962
53968
  .e-list-item.e-editing.e-active > .e-fullrow,
53963
- .e-list-item.e-editing.e-hover > .e-fullrow{
53969
+ .e-list-item.e-editing.e-hover > .e-fullrow,
53970
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
53964
53971
  @include active-editing-theme;
53965
53972
  }
53966
53973
 
@@ -54026,7 +54033,8 @@ $ripple-width: 32px !default;
54026
54033
 
54027
54034
  &:not(.e-fullrow-wrap) {
54028
54035
 
54029
- .e-list-item.e-hover > .e-text-content{
54036
+ .e-list-item.e-hover > .e-text-content,
54037
+ .e-list-item.e-node-focus > .e-text-content {
54030
54038
  background-color: $treeview-item-hover-bg;
54031
54039
  border-color: $treeview-item-hover-border-color;
54032
54040
  }
@@ -54036,12 +54044,14 @@ $ripple-width: 32px !default;
54036
54044
  border-color: $treeview-item-active-border-color;
54037
54045
  }
54038
54046
 
54039
- .e-list-item.e-active.e-hover > .e-text-content {
54047
+ .e-list-item.e-active.e-hover > .e-text-content,
54048
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54040
54049
  @include active-hover-theme;
54041
54050
  }
54042
54051
 
54043
54052
  .e-list-item.e-editing.e-active > .e-text-content,
54044
- .e-list-item.e-editing.e-hover > .e-text-content {
54053
+ .e-list-item.e-editing.e-hover > .e-text-content,
54054
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54045
54055
  @include active-editing-theme;
54046
54056
  }
54047
54057
  }
@@ -72322,10 +72332,12 @@ $grid-bigger-headercell-font-size: 15px !default;
72322
72332
  $grid-bigger-content-font-size: 14px !default;
72323
72333
  $grid-filterbar-border-radius: 4px !default;
72324
72334
  $grid-bigger-sorticon-margin-top: -4px !default;
72335
+ $grid-device-group-sorticon-margin-top: -1px !default;
72325
72336
  $grid-header-border-width: 0 !default;
72326
72337
  $grid-bigger-groupedcell-padding: 5px 0 8px !default;
72327
72338
  $grid-bigger-group-headercell-margin: 4px 0 0 10px !default;
72328
72339
  $grid-bigger-group-headercell-padding: 9px 0 !default;
72340
+ $grid-device-group-headercell-padding: 9px 0 !default;
72329
72341
  $grid-bigger-grouptext-marign: 0 !default;
72330
72342
  $grid-bigger-headercell-padding: 8px !default;
72331
72343
  $grid-bigger-icons-font-size: 14px !default;
@@ -72335,8 +72347,10 @@ $grid-bigger-grouped-headercell-border-radius: 6px !default;
72335
72347
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72336
72348
  $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
72337
72349
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72350
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72338
72351
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
72339
72352
  $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
72353
+ $grid-device-ungroupbutton-icon-margin-top: -3px !default;
72340
72354
  $grid-bigger-groupcell-span-line-height: 37px !default;
72341
72355
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
72342
72356
  $grid-gd-clone-border-radius: 4px !default;
@@ -72578,6 +72592,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72578
72592
  $grid-cc-margin-top: 2px !default;
72579
72593
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72580
72594
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72595
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72581
72596
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72582
72597
  $grid-ungroup-rtl-padding-left: 8px !default;
72583
72598
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -73085,6 +73100,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73085
73100
  font-size: $grouped-bigger-text-font-size;
73086
73101
  }
73087
73102
 
73103
+ &.e-device .e-groupheadercell {
73104
+ padding: $grid-device-group-headercell-padding;
73105
+ }
73106
+
73088
73107
  .e-groupheadercell:hover {
73089
73108
  padding: $grid-bigger-group-headercell-hover-padding;
73090
73109
  }
@@ -73141,6 +73160,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73141
73160
 
73142
73161
  &.e-device .e-groupheadercell span {
73143
73162
  line-height: $grid-device-groupheadercell-span-line-height;
73163
+ padding: $grid-device-grouped-headercell-span-padding;
73144
73164
  }
73145
73165
 
73146
73166
  &.e-device .e-rowcell,
@@ -73221,6 +73241,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73221
73241
  }
73222
73242
  }
73223
73243
 
73244
+ &.e-device span.e-ungroupbutton.e-icons {
73245
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73246
+ @if $grid-skin == 'bootstrap4' {
73247
+ padding-top: 0;
73248
+ }
73249
+ }
73250
+
73224
73251
  span.e-ungroupbutton.e-icons:hover {
73225
73252
  @if $grid-skin == 'tailwind' {
73226
73253
  color: $cool-gray-700;
@@ -73239,6 +73266,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73239
73266
  }
73240
73267
  }
73241
73268
 
73269
+ &.e-device span.e-groupsort.e-icons {
73270
+ margin-top: $grid-device-group-sorticon-margin-top;
73271
+ }
73272
+
73242
73273
  &.e-rtl span.e-groupsort.e-icons {
73243
73274
  @if $grid-skin == 'fluent' {
73244
73275
  margin-top: 0;
@@ -76373,6 +76404,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76373
76404
  &.e-rtl .e-groupheadercell span {
76374
76405
  padding: $grid-bigger-rtl-group-span-padding;
76375
76406
  }
76407
+
76408
+ &.e-device.e-rtl .e-groupheadercell span {
76409
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76410
+ }
76376
76411
  }
76377
76412
 
76378
76413
  #{&}.e-grid-min-height {
@@ -88157,6 +88192,10 @@ $gantt-masked-table-background-color: #e1dfdd;
88157
88192
  border-radius: $gantt-header-border-radius;
88158
88193
  }
88159
88194
 
88195
+ .e-grid .e-spinner-pane {
88196
+ display: none;
88197
+ }
88198
+
88160
88199
  .e-cloneproperties.e-draganddrop {
88161
88200
  box-shadow: $gantt-clone-prop-box-shadow;
88162
88201
  opacity: .95;
@@ -100208,7 +100247,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
100208
100247
  .e-bigger .e-pivotfieldlist-container,
100209
100248
  .e-bigger.e-pivotfieldlist-container {
100210
100249
 
100211
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100212
100250
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100213
100251
  height: $field-list-member-filter-list-bigger-height;
100214
100252
  }
@@ -100576,6 +100614,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
100576
100614
 
100577
100615
  .e-checkbox-layout {
100578
100616
  max-width: 45%;
100617
+ overflow: visible;
100579
100618
  }
100580
100619
 
100581
100620
  }
@@ -114512,7 +114551,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114512
114551
  $rating-li-font-size: 20px !default;
114513
114552
  $rating-li-padding: 4px !default;
114514
114553
  $rating-li-line-height: 9px !default;
114515
- $rating-li-min-width-height: 28px !default;
114516
114554
  $rating-focus-border-radius: 2px !default;
114517
114555
  $rating-label-right-margin: 4px !default;
114518
114556
  $rating-label-bottom-margin: 8px !default;
@@ -114525,21 +114563,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114525
114563
 
114526
114564
  $rating-small-li-font-size: 16px !default;
114527
114565
  $rating-small-li-line-height: 4px !default;
114528
- $rating-small-li-min-width-height: 24px !default;
114566
+ $rating-small-li-hover-font-size: 34px !default;
114529
114567
  $rating-small-label-font-size: 10px !default;
114530
114568
  $rating-small-label-line-height: 16px !default;
114531
114569
  $rating-small-reset-font-size : 12px !default;
114532
114570
 
114533
114571
  $rating-bigger-li-font-size: 32px !default;
114534
114572
  $rating-bigger-li-line-height: 16px !default;
114535
- $rating-bigger-li-min-width-height: 40px !default;
114573
+ $rating-bigger-li-hover-font-size: 28px !default;
114536
114574
  $rating-bigger-label-font-size: 14px !default;
114537
114575
  $rating-bigger-label-line-height: 22px !default;
114538
114576
  $rating-bigger-reset-font-size : 28px !default;
114539
114577
 
114540
114578
  $rating-bigger-small-li-font-size: 26px !default;
114541
114579
  $rating-bigger-small-li-line-height: 9px !default;
114542
- $rating-bigger-small-li-min-width-height: 34px !default;
114580
+ $rating-bigger-small-li-hover-font-size: 28px !default;
114543
114581
  $rating-bigger-small-label-font-size: 12px !default;
114544
114582
  $rating-bigger-small-label-line-height: 18px !default;
114545
114583
  $rating-bigger-small-reset-font-size : 22px !default;
@@ -114594,8 +114632,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114594
114632
  padding: $rating-li-padding;
114595
114633
  line-height: $rating-li-line-height;
114596
114634
  display: block;
114597
- min-width: $rating-li-min-width-height; //font-size + padding
114598
- min-height: $rating-li-min-width-height; //font-size + padding
114599
114635
  //For Blazor Tooltip
114600
114636
  position: relative;
114601
114637
 
@@ -114720,8 +114756,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114720
114756
  .e-rating-item-container {
114721
114757
  font-size: $rating-small-li-font-size;
114722
114758
  line-height: $rating-small-li-line-height;
114723
- min-height: $rating-small-li-min-width-height; //font-size + padding
114724
- min-width: $rating-small-li-min-width-height; //font-size + padding
114725
114759
  }
114726
114760
 
114727
114761
  .e-rating-label {
@@ -114739,8 +114773,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114739
114773
  .e-rating-item-container {
114740
114774
  font-size: $rating-bigger-li-font-size;
114741
114775
  line-height: $rating-bigger-li-line-height;
114742
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114743
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114744
114776
  }
114745
114777
 
114746
114778
  .e-rating-label {
@@ -114760,8 +114792,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114760
114792
  .e-rating-item-container {
114761
114793
  font-size: $rating-bigger-small-li-font-size;
114762
114794
  line-height: $rating-bigger-small-li-line-height;
114763
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114764
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114765
114795
  }
114766
114796
 
114767
114797
  .e-rating-label {
@@ -39813,7 +39813,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
39813
39813
  font-size: $listview-header-font-size;
39814
39814
  }
39815
39815
 
39816
- & .e-icons:not(.e-primary .e-btn-icon) {
39816
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
39817
39817
  color: $listview-icon-color;
39818
39818
 
39819
39819
  @if ($skin-name == 'tailwind') {
@@ -53565,11 +53565,13 @@ $ripple-width: 32px !default;
53565
53565
  }
53566
53566
 
53567
53567
  .e-list-item.e-active,
53568
- .e-list-item.e-hover {
53568
+ .e-list-item.e-hover,
53569
+ .e-list-item.e-node-focus {
53569
53570
  background: transparent;
53570
53571
  }
53571
53572
 
53572
- .e-list-item.e-hover > .e-text-content {
53573
+ .e-list-item.e-hover > .e-text-content,
53574
+ .e-list-item.e-node-focus > .e-text-content {
53573
53575
  color: $treeview-text-hover-color;
53574
53576
 
53575
53577
  .e-list-text {
@@ -53618,7 +53620,8 @@ $ripple-width: 32px !default;
53618
53620
  }
53619
53621
  }
53620
53622
 
53621
- .e-list-item.e-active.e-hover > .e-text-content {
53623
+ .e-list-item.e-active.e-hover > .e-text-content,
53624
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53622
53625
  color: $treeview-text-active-hover-color;
53623
53626
 
53624
53627
  .e-list-text {
@@ -53632,7 +53635,8 @@ $ripple-width: 32px !default;
53632
53635
  }
53633
53636
 
53634
53637
  .e-list-item.e-editing.e-active > .e-text-content,
53635
- .e-list-item.e-editing.e-hover > .e-text-content {
53638
+ .e-list-item.e-editing.e-hover > .e-text-content,
53639
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
53636
53640
  color: $treeview-text-color;
53637
53641
 
53638
53642
  .e-list-text {
@@ -53649,7 +53653,8 @@ $ripple-width: 32px !default;
53649
53653
  }
53650
53654
  }
53651
53655
 
53652
- .e-list-item.e-hover > .e-fullrow {
53656
+ .e-list-item.e-hover > .e-fullrow,
53657
+ .e-list-item.e-node-focus > .e-fullrow {
53653
53658
  background-color: $treeview-item-hover-bg;
53654
53659
  border-color: $treeview-item-hover-border-color;
53655
53660
  }
@@ -53674,12 +53679,14 @@ $ripple-width: 32px !default;
53674
53679
  }
53675
53680
  }
53676
53681
 
53677
- .e-list-item.e-active.e-hover > .e-fullrow{
53682
+ .e-list-item.e-active.e-hover > .e-fullrow,
53683
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
53678
53684
  @include active-hover-theme;
53679
53685
  }
53680
53686
 
53681
53687
  .e-list-item.e-editing.e-active > .e-fullrow,
53682
- .e-list-item.e-editing.e-hover > .e-fullrow{
53688
+ .e-list-item.e-editing.e-hover > .e-fullrow,
53689
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
53683
53690
  @include active-editing-theme;
53684
53691
  }
53685
53692
 
@@ -53745,7 +53752,8 @@ $ripple-width: 32px !default;
53745
53752
 
53746
53753
  &:not(.e-fullrow-wrap) {
53747
53754
 
53748
- .e-list-item.e-hover > .e-text-content{
53755
+ .e-list-item.e-hover > .e-text-content,
53756
+ .e-list-item.e-node-focus > .e-text-content {
53749
53757
  background-color: $treeview-item-hover-bg;
53750
53758
  border-color: $treeview-item-hover-border-color;
53751
53759
  }
@@ -53755,12 +53763,14 @@ $ripple-width: 32px !default;
53755
53763
  border-color: $treeview-item-active-border-color;
53756
53764
  }
53757
53765
 
53758
- .e-list-item.e-active.e-hover > .e-text-content {
53766
+ .e-list-item.e-active.e-hover > .e-text-content,
53767
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53759
53768
  @include active-hover-theme;
53760
53769
  }
53761
53770
 
53762
53771
  .e-list-item.e-editing.e-active > .e-text-content,
53763
- .e-list-item.e-editing.e-hover > .e-text-content {
53772
+ .e-list-item.e-editing.e-hover > .e-text-content,
53773
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
53764
53774
  @include active-editing-theme;
53765
53775
  }
53766
53776
  }
@@ -72036,10 +72046,12 @@ $grid-bigger-headercell-font-size: 15px !default;
72036
72046
  $grid-bigger-content-font-size: 14px !default;
72037
72047
  $grid-filterbar-border-radius: 4px !default;
72038
72048
  $grid-bigger-sorticon-margin-top: -4px !default;
72049
+ $grid-device-group-sorticon-margin-top: -1px !default;
72039
72050
  $grid-header-border-width: 0 !default;
72040
72051
  $grid-bigger-groupedcell-padding: 5px 0 8px !default;
72041
72052
  $grid-bigger-group-headercell-margin: 6px 0 0 12px !default;
72042
72053
  $grid-bigger-group-headercell-padding: 9px 0 !default;
72054
+ $grid-device-group-headercell-padding: 9px 0 !default;
72043
72055
  $grid-bigger-grouptext-marign: 0 !default;
72044
72056
  $grid-bigger-headercell-padding: 8px !default;
72045
72057
  $grid-bigger-icons-font-size: 14px !default;
@@ -72049,8 +72061,10 @@ $grid-bigger-grouped-headercell-border-radius: 6px !default;
72049
72061
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72050
72062
  $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
72051
72063
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72064
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72052
72065
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
72053
72066
  $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
72067
+ $grid-device-ungroupbutton-icon-margin-top: -3px !default;
72054
72068
  $grid-bigger-groupcell-span-line-height: 37px !default;
72055
72069
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
72056
72070
  $grid-gd-clone-border-radius: 4px !default;
@@ -72290,6 +72304,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72290
72304
  $grid-cc-margin-top: 2px !default;
72291
72305
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72292
72306
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72307
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72293
72308
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72294
72309
  $grid-ungroup-rtl-padding-left: 8px !default;
72295
72310
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72797,6 +72812,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72797
72812
  font-size: $grouped-bigger-text-font-size;
72798
72813
  }
72799
72814
 
72815
+ &.e-device .e-groupheadercell {
72816
+ padding: $grid-device-group-headercell-padding;
72817
+ }
72818
+
72800
72819
  .e-groupheadercell:hover {
72801
72820
  padding: $grid-bigger-group-headercell-hover-padding;
72802
72821
  }
@@ -72853,6 +72872,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72853
72872
 
72854
72873
  &.e-device .e-groupheadercell span {
72855
72874
  line-height: $grid-device-groupheadercell-span-line-height;
72875
+ padding: $grid-device-grouped-headercell-span-padding;
72856
72876
  }
72857
72877
 
72858
72878
  &.e-device .e-rowcell,
@@ -72933,6 +72953,13 @@ $grid-dropitems-count-margin-left: -8px !default;
72933
72953
  }
72934
72954
  }
72935
72955
 
72956
+ &.e-device span.e-ungroupbutton.e-icons {
72957
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
72958
+ @if $grid-skin == 'bootstrap4' {
72959
+ padding-top: 0;
72960
+ }
72961
+ }
72962
+
72936
72963
  span.e-ungroupbutton.e-icons:hover {
72937
72964
  @if $grid-skin == 'tailwind' {
72938
72965
  color: $cool-gray-700;
@@ -72951,6 +72978,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72951
72978
  }
72952
72979
  }
72953
72980
 
72981
+ &.e-device span.e-groupsort.e-icons {
72982
+ margin-top: $grid-device-group-sorticon-margin-top;
72983
+ }
72984
+
72954
72985
  &.e-rtl span.e-groupsort.e-icons {
72955
72986
  @if $grid-skin == 'fluent' {
72956
72987
  margin-top: 0;
@@ -76085,6 +76116,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76085
76116
  &.e-rtl .e-groupheadercell span {
76086
76117
  padding: $grid-bigger-rtl-group-span-padding;
76087
76118
  }
76119
+
76120
+ &.e-device.e-rtl .e-groupheadercell span {
76121
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76122
+ }
76088
76123
  }
76089
76124
 
76090
76125
  #{&}.e-grid-min-height {
@@ -87919,6 +87954,10 @@ $gantt-masked-table-background-color: #e1dfdd;
87919
87954
  border-radius: $gantt-header-border-radius;
87920
87955
  }
87921
87956
 
87957
+ .e-grid .e-spinner-pane {
87958
+ display: none;
87959
+ }
87960
+
87922
87961
  .e-cloneproperties.e-draganddrop {
87923
87962
  box-shadow: $gantt-clone-prop-box-shadow;
87924
87963
  opacity: .95;
@@ -99925,7 +99964,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
99925
99964
  .e-bigger .e-pivotfieldlist-container,
99926
99965
  .e-bigger.e-pivotfieldlist-container {
99927
99966
 
99928
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
99929
99967
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
99930
99968
  height: $field-list-member-filter-list-bigger-height;
99931
99969
  }
@@ -100293,6 +100331,7 @@ $field-list-adaptive-outerdiv-height: 176px !default;
100293
100331
 
100294
100332
  .e-checkbox-layout {
100295
100333
  max-width: 45%;
100334
+ overflow: visible;
100296
100335
  }
100297
100336
 
100298
100337
  }
@@ -114226,7 +114265,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114226
114265
  $rating-li-font-size: 20px !default;
114227
114266
  $rating-li-padding: 4px !default;
114228
114267
  $rating-li-line-height: 9px !default;
114229
- $rating-li-min-width-height: 28px !default;
114230
114268
  $rating-focus-border-radius: 2px !default;
114231
114269
  $rating-label-right-margin: 4px !default;
114232
114270
  $rating-label-bottom-margin: 9px !default;
@@ -114239,21 +114277,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114239
114277
 
114240
114278
  $rating-small-li-font-size: 16px !default;
114241
114279
  $rating-small-li-line-height: 4px !default;
114242
- $rating-small-li-min-width-height: 24px !default;
114280
+ $rating-small-li-hover-font-size: 34px !default;
114243
114281
  $rating-small-label-font-size: 10px !default;
114244
114282
  $rating-small-label-line-height: 16px !default;
114245
114283
  $rating-small-reset-font-size : 12px !default;
114246
114284
 
114247
114285
  $rating-bigger-li-font-size: 32px !default;
114248
114286
  $rating-bigger-li-line-height: 16px !default;
114249
- $rating-bigger-li-min-width-height: 40px !default;
114287
+ $rating-bigger-li-hover-font-size: 28px !default;
114250
114288
  $rating-bigger-label-font-size: 14px !default;
114251
114289
  $rating-bigger-label-line-height: 22px !default;
114252
114290
  $rating-bigger-reset-font-size : 28px !default;
114253
114291
 
114254
114292
  $rating-bigger-small-li-font-size: 26px !default;
114255
114293
  $rating-bigger-small-li-line-height: 9px !default;
114256
- $rating-bigger-small-li-min-width-height: 34px !default;
114294
+ $rating-bigger-small-li-hover-font-size: 28px !default;
114257
114295
  $rating-bigger-small-label-font-size: 12px !default;
114258
114296
  $rating-bigger-small-label-line-height: 18px !default;
114259
114297
  $rating-bigger-small-reset-font-size : 24px !default;
@@ -114308,8 +114346,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114308
114346
  padding: $rating-li-padding;
114309
114347
  line-height: $rating-li-line-height;
114310
114348
  display: block;
114311
- min-width: $rating-li-min-width-height; //font-size + padding
114312
- min-height: $rating-li-min-width-height; //font-size + padding
114313
114349
  //For Blazor Tooltip
114314
114350
  position: relative;
114315
114351
 
@@ -114434,8 +114470,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114434
114470
  .e-rating-item-container {
114435
114471
  font-size: $rating-small-li-font-size;
114436
114472
  line-height: $rating-small-li-line-height;
114437
- min-height: $rating-small-li-min-width-height; //font-size + padding
114438
- min-width: $rating-small-li-min-width-height; //font-size + padding
114439
114473
  }
114440
114474
 
114441
114475
  .e-rating-label {
@@ -114453,8 +114487,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114453
114487
  .e-rating-item-container {
114454
114488
  font-size: $rating-bigger-li-font-size;
114455
114489
  line-height: $rating-bigger-li-line-height;
114456
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114457
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114458
114490
  }
114459
114491
 
114460
114492
  .e-rating-label {
@@ -114474,8 +114506,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
114474
114506
  .e-rating-item-container {
114475
114507
  font-size: $rating-bigger-small-li-font-size;
114476
114508
  line-height: $rating-bigger-small-li-line-height;
114477
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114478
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114479
114509
  }
114480
114510
 
114481
114511
  .e-rating-label {