@syncfusion/blazor-themes 20.4.53 → 20.4.54

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 (64) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +37 -25
  2. package/SCSS-Themes/bootstrap.scss +37 -25
  3. package/SCSS-Themes/bootstrap4.scss +32 -20
  4. package/SCSS-Themes/bootstrap5-dark.scss +34 -22
  5. package/SCSS-Themes/bootstrap5.scss +34 -22
  6. package/SCSS-Themes/calendars/datepicker/bootstrap-dark.scss +1 -1
  7. package/SCSS-Themes/calendars/datepicker/bootstrap.scss +1 -1
  8. package/SCSS-Themes/calendars/datepicker/bootstrap5-dark.scss +2 -2
  9. package/SCSS-Themes/calendars/datepicker/bootstrap5.scss +2 -2
  10. package/SCSS-Themes/calendars/datepicker/fabric-dark.scss +1 -1
  11. package/SCSS-Themes/calendars/datepicker/fabric.scss +1 -1
  12. package/SCSS-Themes/calendars/datepicker/fluent-dark.scss +2 -2
  13. package/SCSS-Themes/calendars/datepicker/fluent.scss +2 -2
  14. package/SCSS-Themes/calendars/datepicker/highcontrast.scss +1 -1
  15. package/SCSS-Themes/calendars/datepicker/material-dark.scss +1 -1
  16. package/SCSS-Themes/calendars/datepicker/material.scss +1 -1
  17. package/SCSS-Themes/calendars/datepicker/tailwind-dark.scss +2 -2
  18. package/SCSS-Themes/calendars/datepicker/tailwind.scss +2 -2
  19. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +1 -1
  20. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +1 -1
  21. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +1 -1
  22. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +1 -1
  23. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +1 -1
  24. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +1 -1
  25. package/SCSS-Themes/calendars/daterangepicker/material.scss +1 -1
  26. package/SCSS-Themes/calendars/datetimepicker/bootstrap-dark.scss +1 -1
  27. package/SCSS-Themes/calendars/datetimepicker/bootstrap.scss +1 -1
  28. package/SCSS-Themes/calendars/datetimepicker/bootstrap4.scss +1 -1
  29. package/SCSS-Themes/calendars/datetimepicker/fabric-dark.scss +1 -1
  30. package/SCSS-Themes/calendars/datetimepicker/fabric.scss +1 -1
  31. package/SCSS-Themes/calendars/datetimepicker/highcontrast.scss +1 -1
  32. package/SCSS-Themes/calendars/datetimepicker/material-dark.scss +1 -1
  33. package/SCSS-Themes/calendars/datetimepicker/material.scss +1 -1
  34. package/SCSS-Themes/calendars/timepicker/bootstrap-dark.scss +1 -1
  35. package/SCSS-Themes/calendars/timepicker/bootstrap.scss +1 -1
  36. package/SCSS-Themes/calendars/timepicker/fabric-dark.scss +1 -1
  37. package/SCSS-Themes/calendars/timepicker/fabric.scss +1 -1
  38. package/SCSS-Themes/calendars/timepicker/highcontrast.scss +1 -1
  39. package/SCSS-Themes/calendars/timepicker/material-dark.scss +1 -1
  40. package/SCSS-Themes/calendars/timepicker/material.scss +1 -1
  41. package/SCSS-Themes/fabric-dark.scss +36 -24
  42. package/SCSS-Themes/fabric.scss +36 -24
  43. package/SCSS-Themes/fluent-dark.scss +34 -22
  44. package/SCSS-Themes/fluent.scss +34 -22
  45. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +33 -21
  46. package/SCSS-Themes/grids/grid/bootstrap.scss +33 -21
  47. package/SCSS-Themes/grids/grid/bootstrap4.scss +31 -19
  48. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +32 -20
  49. package/SCSS-Themes/grids/grid/bootstrap5.scss +32 -20
  50. package/SCSS-Themes/grids/grid/fabric-dark.scss +32 -20
  51. package/SCSS-Themes/grids/grid/fabric.scss +32 -20
  52. package/SCSS-Themes/grids/grid/fluent-dark.scss +32 -20
  53. package/SCSS-Themes/grids/grid/fluent.scss +32 -20
  54. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -18
  55. package/SCSS-Themes/grids/grid/material-dark.scss +35 -23
  56. package/SCSS-Themes/grids/grid/material.scss +35 -23
  57. package/SCSS-Themes/grids/grid/tailwind-dark.scss +32 -20
  58. package/SCSS-Themes/grids/grid/tailwind.scss +32 -20
  59. package/SCSS-Themes/highcontrast.scss +34 -22
  60. package/SCSS-Themes/material-dark.scss +39 -27
  61. package/SCSS-Themes/material.scss +39 -27
  62. package/SCSS-Themes/tailwind-dark.scss +34 -22
  63. package/SCSS-Themes/tailwind.scss +34 -22
  64. package/package.json +1 -1
package/SCSS-Themes/fluent.scss CHANGED
@@ -36361,12 +36361,12 @@ $gridline-border-radius: $model-radius-small !default;
36361
36361
 
36362
36362
  //default
36363
36363
  $datepicker-icon: '\e901' !default;
36364
- $datepicker-icon-font-size: 18px !default;
36364
+ $datepicker-icon-font-size: 16px !default;
36365
36365
  $datepicker-icon-container-min-height: 18px !default;
36366
36366
  $datepicker-icon-container-min-width: 30px !default;
36367
36367
  $datepicker-bigger-icon-container-min-height: 18px !default;
36368
36368
  $datepicker-bigger-icon-container-min-width: 36px !default;
36369
- $datepicker-bigger-icon-font-size: 22px !default;
36369
+ $datepicker-bigger-icon-font-size: 18px !default;
36370
36370
  $datepicker-icon-normal-margin: 0 !default;
36371
36371
  $datepicker-icon-bigger-margin: 0 !default;
36372
36372
  $datepicker-icon-border-radius: 50% !default;
@@ -71598,7 +71598,7 @@ $grid-font-family: $font-family !default;
71598
71598
  $grid-header-font-size: $text-sm !default;
71599
71599
  $grid-bigger-header-font-size: $text-base !default;
71600
71600
  $grid-group-text-line-height: 22px !default;
71601
- $grid-wrap-line-height: 18px !default;
71601
+ $grid-wrap-line-height: 10px !default;
71602
71602
  $grid-wrap-margin-bottom: 2px !default;
71603
71603
  $grid-wrap-margin-top: 0 !default;
71604
71604
  $grid-header-bottom-padding: 7px !default;
@@ -71629,8 +71629,8 @@ $grid-filterdiv-padding: 0 !default;
71629
71629
  $grid-headercelldiv-height: 29px !default;
71630
71630
  $grid-filterbarcell-input-height: 26px !default;
71631
71631
  $grid-sortnumber-border-radius: 65% !default;
71632
- $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 10px !default;
71633
- $grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
71632
+ $grid-textwrap-srotnumber-rightalign-margin: 5px 2px 0 15px !default;
71633
+ $grid-textwrap-srotnumber-margin: 5px 5px 0 2px !default;
71634
71634
  $grid-textwrap-sorticon-margin: -9px 10px !default;
71635
71635
  $grid-columnchooser-header-padding: 11px 18px 15px !default;
71636
71636
  $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -71841,6 +71841,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
71841
71841
  $grid-rtl-group-sorticon-margin-right: -8px !default;
71842
71842
  $grid-rtl-headercell-border-width: 0 !default;
71843
71843
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
71844
+ $grid-rtl-headercelldiv-chkbox-padding: 0 4px 0 .35em !default;
71845
+ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 4px 0 .3em !default;
71844
71846
  $grid-ungroup-rtl-padding-right: -14px !default;
71845
71847
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
71846
71848
  $grid-headercell-div-padding: 0 .4em !default;
@@ -71954,12 +71956,12 @@ $grid-grouped-headercell-hover-padding: $grid-grouped-headercell-padding !defaul
71954
71956
  $grid-drag-clone-font-weight: $font-weight-normal !default;
71955
71957
  $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
71956
71958
  $grid-header-wrap-rightalign-sortfilter-div-margin: -34px -5px !default;
71957
- $grid-header-wrap-filtericon-sortfilter-div-margin: -28px -4px 0 16px !default;
71959
+ $grid-header-wrap-filtericon-sortfilter-div-margin: -33px 18px 0 16px !default;
71958
71960
  $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
71959
71961
  $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
71960
71962
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
71961
71963
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
71962
- $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
71964
+ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -33px 14px !default;
71963
71965
  $grid-drag-font-size: $text-base !default;
71964
71966
  $grid-drag-icon-font-weight: $font-weight-bold !default;
71965
71967
  $grid-drag-move-icon: 10px !default;
@@ -72340,9 +72342,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72340
72342
  }
72341
72343
 
72342
72344
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
72343
- @if $grid-skin == 'fluent' {
72344
- padding-right: 4px;
72345
- }
72345
+ padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
72346
72346
  }
72347
72347
 
72348
72348
  .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -73898,11 +73898,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73898
73898
  }
73899
73899
 
73900
73900
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
73901
- @if $grid-skin == 'fluent' {
73902
- padding-right: 4px;
73903
- }
73901
+ padding: $grid-rtl-headercelldiv-chkbox-padding;
73904
73902
  }
73905
73903
 
73904
+
73906
73905
  .e-filtermenudiv {
73907
73906
  float: $grid-fltrdiv-float;
73908
73907
  margin: $grid-fltrdiv-margin;
@@ -74015,7 +74014,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74015
74014
  }
74016
74015
 
74017
74016
  &.e-wrap .e-columnmenu {
74018
- margin: $grid-textwrap-column-menu-margin;
74017
+ line-height: $grid-wrap-line-height;
74019
74018
  }
74020
74019
 
74021
74020
  &.e-rtl .e-columnmenu {
@@ -74029,7 +74028,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74029
74028
 
74030
74029
  &.e-wrap {
74031
74030
  &.e-rtl .e-columnmenu {
74032
- margin: $grid-rtl-textwrap-column-menu-margin;
74031
+ line-height: $grid-wrap-line-height;
74033
74032
  }
74034
74033
  }
74035
74034
 
@@ -75211,6 +75210,13 @@ $grid-dropitems-count-margin-left: -8px !default;
75211
75210
  margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
75212
75211
  }
75213
75212
 
75213
+ &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
75214
+ & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
75215
+ height: auto;
75216
+ margin-bottom: $grid-wrap-margin-bottom;
75217
+ margin-top: $grid-wrap-margin-top;
75218
+ }
75219
+
75214
75220
  & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
75215
75221
  margin: $grid-rtl-headercelldiv-fltricon-margin;
75216
75222
  }
@@ -75529,7 +75535,8 @@ $grid-dropitems-count-margin-left: -8px !default;
75529
75535
  &.e-wrap {
75530
75536
  & .e-rowcell,
75531
75537
  & .e-columnheader .e-stackedheadercelldiv,
75532
- & .e-columnheader .e-headercelldiv {
75538
+ & .e-columnheader .e-headercelldiv,
75539
+ & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
75533
75540
  height: Auto;
75534
75541
  line-height: $grid-rowcell-wrap-height;
75535
75542
  overflow-wrap: break-word;
@@ -75545,25 +75552,30 @@ $grid-dropitems-count-margin-left: -8px !default;
75545
75552
  }
75546
75553
 
75547
75554
  &.e-wrap .e-columnheader .e-headercelldiv,
75548
- & .e-columnheader.e-wrap .e-headercelldiv {
75555
+ &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
75556
+ & .e-columnheader.e-wrap .e-headercelldiv,
75557
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
75549
75558
  margin-bottom: $grid-wrap-margin-bottom;
75550
75559
  margin-top: $grid-wrap-margin-top;
75551
75560
  }
75552
75561
 
75553
- &.e-wrap .e-columnheader .e-filtermenudiv {
75562
+ &.e-wrap .e-columnheader .e-filtermenudiv,
75563
+ &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
75554
75564
  line-height: $grid-wrap-line-height;
75555
75565
  }
75556
75566
 
75557
- & .e-columnheader.e-wrap .e-filtermenudiv {
75567
+ & .e-columnheader.e-wrap .e-filtermenudiv,
75568
+ & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
75558
75569
  line-height: $grid-wrap-line-height;
75559
75570
  }
75560
75571
 
75561
75572
  & .e-columnheader.e-wrap .e-headercelldiv,
75573
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
75562
75574
  & .e-columnheader.e-wrap .e-stackedheadercelldiv,
75563
75575
  & .e-gridcontent.e-wrap .e-rowcell,
75564
75576
  & .e-frozenhdrcont.e-wrap .e-rowcell {
75565
75577
  height: Auto;
75566
- line-height: $grid-wrap-line-height;
75578
+ line-height: $grid-rowcell-wrap-height;
75567
75579
  overflow-wrap: break-word;
75568
75580
  text-overflow: clip;
75569
75581
  white-space: normal;
@@ -76750,8 +76762,8 @@ $grid-dropitems-count-margin-left: -8px !default;
76750
76762
 
76751
76763
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
76752
76764
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
76753
- &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
76754
- &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
76765
+ &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
76766
+ &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
76755
76767
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
76756
76768
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
76757
76769
  background-color: $grid-hover-bg-color;
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -54,7 +54,7 @@ $grid-group-broder-color: $content-border-color !default;
54
54
  $grid-group-hover-broder-color: $content-border-color !default;
55
55
  $grid-group-text-line-height: 24px !default;
56
56
  $filter-text-color: $content-font-color !default;
57
- $grid-wrap-line-height: 18px !default;
57
+ $grid-wrap-line-height:10px !default;
58
58
  $grid-wrap-margin-bottom: 2px !default;
59
59
  $grid-wrap-margin-top: 0 !default;
60
60
 
@@ -87,8 +87,8 @@ $grid-filterdiv-padding: 0 !default;
87
87
  $grid-headercelldiv-height: 29px !default;
88
88
  $grid-filterbarcell-input-height: 26px !default;
89
89
  $grid-sortnumber-border-radius: 65% !default;
90
- $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
91
- $grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
90
+ $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 20px !default;
91
+ $grid-textwrap-srotnumber-margin: 3px -3px 0 2px !default;
92
92
  $grid-textwrap-sorticon-margin: -9px 10px !default;
93
93
  $grid-columnchooser-header-padding: 11px 18px 15px !default;
94
94
  $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -332,6 +332,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
332
332
  $grid-rtl-group-sorticon-margin-right: -5px !default;
333
333
  $grid-rtl-headercell-border-width: 0 !default;
334
334
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
335
+ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
336
+ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
335
337
  $grid-ungroup-rtl-padding-right: -10px !default;
336
338
  $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
337
339
  $grid-headercell-div-padding: 0 .4em !default;
@@ -458,12 +460,12 @@ $grid-content-batch-font-color: $grid-content-font-color !default;
458
460
  $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
459
461
 
460
462
  $grid-header-wrap-rightalign-sortfilter-div-margin: -30px -5px !default;
461
- $grid-header-wrap-filtericon-sortfilter-div-margin: -24px 28px -29px 0 !default;
463
+ $grid-header-wrap-filtericon-sortfilter-div-margin: -30px 14px -29px 14px !default;
462
464
  $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
463
465
  $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
464
466
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
465
467
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
466
- $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -24px 0 !default;
468
+ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -30px 14px !default;
467
469
 
468
470
  $grid-drag-font-size: 12px !default;
469
471
  $grid-drag-icon-font-weight: bold !default;
@@ -499,7 +501,7 @@ $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
499
501
  $grid-rtl-searchclear: 0 !default;
500
502
  $grid-column-chosser-searchdiv-top: -46px !default;
501
503
  $grid-reorderarrow-font-size: 10px !default;
502
- $grid-bigger-wrap-line-height: $grid-wrap-line-height !default;
504
+ $grid-bigger-wrap-line-height:18px !default;
503
505
  $grid-bigger-clone-padding: $grid-clone-padding !default;
504
506
  $grid-bigger-draganddrop-clone-padding: 0 !default;
505
507
  $grouped-bigger-text-font-size: 16px !default;
@@ -863,9 +865,7 @@ $grid-dropitems-count-margin-left: -8px !default;
863
865
  }
864
866
 
865
867
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
866
- @if $grid-skin == 'fluent' {
867
- padding-right: 4px;
868
- }
868
+ padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
869
869
  }
870
870
 
871
871
  .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2421,11 +2421,10 @@ $grid-dropitems-count-margin-left: -8px !default;
2421
2421
  }
2422
2422
 
2423
2423
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2424
- @if $grid-skin == 'fluent' {
2425
- padding-right: 4px;
2426
- }
2424
+ padding: $grid-rtl-headercelldiv-chkbox-padding;
2427
2425
  }
2428
2426
 
2427
+
2429
2428
  .e-filtermenudiv {
2430
2429
  float: $grid-fltrdiv-float;
2431
2430
  margin: $grid-fltrdiv-margin;
@@ -2538,7 +2537,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2538
2537
  }
2539
2538
 
2540
2539
  &.e-wrap .e-columnmenu {
2541
- margin: $grid-textwrap-column-menu-margin;
2540
+ line-height: $grid-wrap-line-height;
2542
2541
  }
2543
2542
 
2544
2543
  &.e-rtl .e-columnmenu {
@@ -2552,7 +2551,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2552
2551
 
2553
2552
  &.e-wrap {
2554
2553
  &.e-rtl .e-columnmenu {
2555
- margin: $grid-rtl-textwrap-column-menu-margin;
2554
+ line-height: $grid-wrap-line-height;
2556
2555
  }
2557
2556
  }
2558
2557
 
@@ -3734,6 +3733,13 @@ $grid-dropitems-count-margin-left: -8px !default;
3734
3733
  margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
3735
3734
  }
3736
3735
 
3736
+ &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
3737
+ & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3738
+ height: auto;
3739
+ margin-bottom: $grid-wrap-margin-bottom;
3740
+ margin-top: $grid-wrap-margin-top;
3741
+ }
3742
+
3737
3743
  & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3738
3744
  margin: $grid-rtl-headercelldiv-fltricon-margin;
3739
3745
  }
@@ -4052,7 +4058,8 @@ $grid-dropitems-count-margin-left: -8px !default;
4052
4058
  &.e-wrap {
4053
4059
  & .e-rowcell,
4054
4060
  & .e-columnheader .e-stackedheadercelldiv,
4055
- & .e-columnheader .e-headercelldiv {
4061
+ & .e-columnheader .e-headercelldiv,
4062
+ & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
4056
4063
  height: Auto;
4057
4064
  line-height: $grid-rowcell-wrap-height;
4058
4065
  overflow-wrap: break-word;
@@ -4068,25 +4075,30 @@ $grid-dropitems-count-margin-left: -8px !default;
4068
4075
  }
4069
4076
 
4070
4077
  &.e-wrap .e-columnheader .e-headercelldiv,
4071
- & .e-columnheader.e-wrap .e-headercelldiv {
4078
+ &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
4079
+ & .e-columnheader.e-wrap .e-headercelldiv,
4080
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
4072
4081
  margin-bottom: $grid-wrap-margin-bottom;
4073
4082
  margin-top: $grid-wrap-margin-top;
4074
4083
  }
4075
4084
 
4076
- &.e-wrap .e-columnheader .e-filtermenudiv {
4085
+ &.e-wrap .e-columnheader .e-filtermenudiv,
4086
+ &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
4077
4087
  line-height: $grid-wrap-line-height;
4078
4088
  }
4079
4089
 
4080
- & .e-columnheader.e-wrap .e-filtermenudiv {
4090
+ & .e-columnheader.e-wrap .e-filtermenudiv,
4091
+ & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
4081
4092
  line-height: $grid-wrap-line-height;
4082
4093
  }
4083
4094
 
4084
4095
  & .e-columnheader.e-wrap .e-headercelldiv,
4096
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
4085
4097
  & .e-columnheader.e-wrap .e-stackedheadercelldiv,
4086
4098
  & .e-gridcontent.e-wrap .e-rowcell,
4087
4099
  & .e-frozenhdrcont.e-wrap .e-rowcell {
4088
4100
  height: Auto;
4089
- line-height: $grid-wrap-line-height;
4101
+ line-height: $grid-rowcell-wrap-height;
4090
4102
  overflow-wrap: break-word;
4091
4103
  text-overflow: clip;
4092
4104
  white-space: normal;
@@ -5273,8 +5285,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5273
5285
 
5274
5286
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
5275
5287
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
5276
- &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5277
- &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5288
+ &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5289
+ &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5278
5290
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5279
5291
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5280
5292
  background-color: $grid-hover-bg-color;
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -61,7 +61,7 @@ $grid-group-broder-color: $content-border-color !default;
61
61
  $grid-group-hover-broder-color: $content-border-color !default;
62
62
  $grid-group-text-line-height: 24px !default;
63
63
  $filter-text-color: $content-font-color !default;
64
- $grid-wrap-line-height: 18px !default;
64
+ $grid-wrap-line-height: 10px !default;
65
65
  $grid-wrap-margin-bottom: 2px !default;
66
66
  $grid-wrap-margin-top: 0 !default;
67
67
 
@@ -94,8 +94,8 @@ $grid-filterdiv-padding: 0 !default;
94
94
  $grid-headercelldiv-height: 29px !default;
95
95
  $grid-filterbarcell-input-height: 26px !default;
96
96
  $grid-sortnumber-border-radius: 65% !default;
97
- $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
98
- $grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
97
+ $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 20px !default;
98
+ $grid-textwrap-srotnumber-margin: 3px -3px 0 2px !default;
99
99
  $grid-textwrap-sorticon-margin: -9px 10px !default;
100
100
  $grid-columnchooser-header-padding: 11px 18px 15px !default;
101
101
  $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -336,6 +336,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
336
336
  $grid-rtl-group-sorticon-margin-right: -5px !default;
337
337
  $grid-rtl-headercell-border-width: 0 !default;
338
338
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
339
+ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
340
+ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
339
341
  $grid-ungroup-rtl-padding-right: -10px !default;
340
342
  $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
341
343
  $grid-headercell-div-padding: 0 .4em !default;
@@ -461,12 +463,12 @@ $grid-content-batch-font-color: $grid-content-font-color !default;
461
463
  $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
462
464
 
463
465
  $grid-header-wrap-rightalign-sortfilter-div-margin: -30px -5px !default;
464
- $grid-header-wrap-filtericon-sortfilter-div-margin: -24px 28px -29px 0 !default;
466
+ $grid-header-wrap-filtericon-sortfilter-div-margin: -30px 14px -29px 14px !default;
465
467
  $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
466
468
  $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
467
469
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
468
470
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
469
- $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -24px 0 !default;
471
+ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -30px 14px !default;
470
472
 
471
473
  $grid-drag-font-size: 12px !default;
472
474
  $grid-drag-icon-font-weight: bold !default;
@@ -501,7 +503,7 @@ $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
501
503
  $grid-rtl-searchclear: 0 !default;
502
504
  $grid-column-chosser-searchdiv-top: -46px !default;
503
505
  $grid-reorderarrow-font-size: 10px !default;
504
- $grid-bigger-wrap-line-height: $grid-wrap-line-height !default;
506
+ $grid-bigger-wrap-line-height: 18px !default;
505
507
  $grid-bigger-clone-padding: $grid-clone-padding !default;
506
508
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
507
509
  $grouped-bigger-text-font-size: 16px !default;
@@ -865,9 +867,7 @@ $grid-dropitems-count-margin-left: -8px !default;
865
867
  }
866
868
 
867
869
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
868
- @if $grid-skin == 'fluent' {
869
- padding-right: 4px;
870
- }
870
+ padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
871
871
  }
872
872
 
873
873
  .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2423,11 +2423,10 @@ $grid-dropitems-count-margin-left: -8px !default;
2423
2423
  }
2424
2424
 
2425
2425
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2426
- @if $grid-skin == 'fluent' {
2427
- padding-right: 4px;
2428
- }
2426
+ padding: $grid-rtl-headercelldiv-chkbox-padding;
2429
2427
  }
2430
2428
 
2429
+
2431
2430
  .e-filtermenudiv {
2432
2431
  float: $grid-fltrdiv-float;
2433
2432
  margin: $grid-fltrdiv-margin;
@@ -2540,7 +2539,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2540
2539
  }
2541
2540
 
2542
2541
  &.e-wrap .e-columnmenu {
2543
- margin: $grid-textwrap-column-menu-margin;
2542
+ line-height: $grid-wrap-line-height;
2544
2543
  }
2545
2544
 
2546
2545
  &.e-rtl .e-columnmenu {
@@ -2554,7 +2553,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2554
2553
 
2555
2554
  &.e-wrap {
2556
2555
  &.e-rtl .e-columnmenu {
2557
- margin: $grid-rtl-textwrap-column-menu-margin;
2556
+ line-height: $grid-wrap-line-height;
2558
2557
  }
2559
2558
  }
2560
2559
 
@@ -3736,6 +3735,13 @@ $grid-dropitems-count-margin-left: -8px !default;
3736
3735
  margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
3737
3736
  }
3738
3737
 
3738
+ &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
3739
+ & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3740
+ height: auto;
3741
+ margin-bottom: $grid-wrap-margin-bottom;
3742
+ margin-top: $grid-wrap-margin-top;
3743
+ }
3744
+
3739
3745
  & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3740
3746
  margin: $grid-rtl-headercelldiv-fltricon-margin;
3741
3747
  }
@@ -4054,7 +4060,8 @@ $grid-dropitems-count-margin-left: -8px !default;
4054
4060
  &.e-wrap {
4055
4061
  & .e-rowcell,
4056
4062
  & .e-columnheader .e-stackedheadercelldiv,
4057
- & .e-columnheader .e-headercelldiv {
4063
+ & .e-columnheader .e-headercelldiv,
4064
+ & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
4058
4065
  height: Auto;
4059
4066
  line-height: $grid-rowcell-wrap-height;
4060
4067
  overflow-wrap: break-word;
@@ -4070,25 +4077,30 @@ $grid-dropitems-count-margin-left: -8px !default;
4070
4077
  }
4071
4078
 
4072
4079
  &.e-wrap .e-columnheader .e-headercelldiv,
4073
- & .e-columnheader.e-wrap .e-headercelldiv {
4080
+ &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
4081
+ & .e-columnheader.e-wrap .e-headercelldiv,
4082
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
4074
4083
  margin-bottom: $grid-wrap-margin-bottom;
4075
4084
  margin-top: $grid-wrap-margin-top;
4076
4085
  }
4077
4086
 
4078
- &.e-wrap .e-columnheader .e-filtermenudiv {
4087
+ &.e-wrap .e-columnheader .e-filtermenudiv,
4088
+ &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
4079
4089
  line-height: $grid-wrap-line-height;
4080
4090
  }
4081
4091
 
4082
- & .e-columnheader.e-wrap .e-filtermenudiv {
4092
+ & .e-columnheader.e-wrap .e-filtermenudiv,
4093
+ & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
4083
4094
  line-height: $grid-wrap-line-height;
4084
4095
  }
4085
4096
 
4086
4097
  & .e-columnheader.e-wrap .e-headercelldiv,
4098
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
4087
4099
  & .e-columnheader.e-wrap .e-stackedheadercelldiv,
4088
4100
  & .e-gridcontent.e-wrap .e-rowcell,
4089
4101
  & .e-frozenhdrcont.e-wrap .e-rowcell {
4090
4102
  height: Auto;
4091
- line-height: $grid-wrap-line-height;
4103
+ line-height: $grid-rowcell-wrap-height;
4092
4104
  overflow-wrap: break-word;
4093
4105
  text-overflow: clip;
4094
4106
  white-space: normal;
@@ -5275,8 +5287,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5275
5287
 
5276
5288
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
5277
5289
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
5278
- &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5279
- &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5290
+ &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5291
+ &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5280
5292
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5281
5293
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5282
5294
  background-color: $grid-hover-bg-color;
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -59,7 +59,7 @@ $grid-group-broder-color: $gray-600 !default;
59
59
  $grid-group-hover-broder-color: $gray-100 !default;
60
60
  $grid-group-text-line-height: 19px !default;
61
61
  $filter-text-color: #333 !default;
62
- $grid-wrap-line-height: 18px !default;
62
+ $grid-wrap-line-height: 3px !default;
63
63
  $grid-wrap-margin-bottom: 2px !default;
64
64
  $grid-wrap-margin-top: 0 !default;
65
65
 
@@ -92,7 +92,7 @@ $grid-filterdiv-padding: 0 !default;
92
92
  $grid-headercelldiv-height: 29px !default;
93
93
  $grid-filterbarcell-input-height: 26px !default;
94
94
  $grid-sortnumber-border-radius: 65% !default;
95
- $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 10px !default;
95
+ $grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 25px !default;
96
96
  $grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
97
97
  $grid-textwrap-sorticon-margin: -9px 10px !default;
98
98
  $grid-columnchooser-header-padding: 11px 18px 15px !default;
@@ -337,6 +337,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
337
337
  $grid-rtl-group-sorticon-margin-right: -10px !default;
338
338
  $grid-rtl-headercell-border-width: 0 !default;
339
339
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
340
+ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
341
+ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
340
342
  $grid-ungroup-rtl-padding-right: -12px !default;
341
343
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
342
344
  $grid-headercell-div-padding: 0 .4em !default;
@@ -466,12 +468,12 @@ $grid-content-batch-font-color: $grid-content-font-color !default;
466
468
  $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
467
469
 
468
470
  $grid-header-wrap-rightalign-sortfilter-div-margin: -34px -5px !default;
469
- $grid-header-wrap-filtericon-sortfilter-div-margin: -27px 20px -29px 0 !default;
471
+ $grid-header-wrap-filtericon-sortfilter-div-margin: -35px 18px -29px 14px !default;
470
472
  $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
471
473
  $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
472
474
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
473
475
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
474
- $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
476
+ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -35px 14px !default;
475
477
  $grid-drag-font-size: 12px !default;
476
478
  $grid-drag-icon-font-weight: bold !default;
477
479
  $grid-drag-move-icon: 10px !default;
@@ -869,9 +871,7 @@ $grid-dropitems-count-margin-left: -8px !default;
869
871
  }
870
872
 
871
873
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
872
- @if $grid-skin == 'fluent' {
873
- padding-right: 4px;
874
- }
874
+ padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
875
875
  }
876
876
 
877
877
  .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2427,11 +2427,10 @@ $grid-dropitems-count-margin-left: -8px !default;
2427
2427
  }
2428
2428
 
2429
2429
  &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2430
- @if $grid-skin == 'fluent' {
2431
- padding-right: 4px;
2432
- }
2430
+ padding: $grid-rtl-headercelldiv-chkbox-padding;
2433
2431
  }
2434
2432
 
2433
+
2435
2434
  .e-filtermenudiv {
2436
2435
  float: $grid-fltrdiv-float;
2437
2436
  margin: $grid-fltrdiv-margin;
@@ -2544,7 +2543,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2544
2543
  }
2545
2544
 
2546
2545
  &.e-wrap .e-columnmenu {
2547
- margin: $grid-textwrap-column-menu-margin;
2546
+ line-height: $grid-wrap-line-height;
2548
2547
  }
2549
2548
 
2550
2549
  &.e-rtl .e-columnmenu {
@@ -2558,7 +2557,7 @@ $grid-dropitems-count-margin-left: -8px !default;
2558
2557
 
2559
2558
  &.e-wrap {
2560
2559
  &.e-rtl .e-columnmenu {
2561
- margin: $grid-rtl-textwrap-column-menu-margin;
2560
+ line-height: $grid-wrap-line-height;
2562
2561
  }
2563
2562
  }
2564
2563
 
@@ -3740,6 +3739,13 @@ $grid-dropitems-count-margin-left: -8px !default;
3740
3739
  margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
3741
3740
  }
3742
3741
 
3742
+ &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
3743
+ & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3744
+ height: auto;
3745
+ margin-bottom: $grid-wrap-margin-bottom;
3746
+ margin-top: $grid-wrap-margin-top;
3747
+ }
3748
+
3743
3749
  & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3744
3750
  margin: $grid-rtl-headercelldiv-fltricon-margin;
3745
3751
  }
@@ -4058,7 +4064,8 @@ $grid-dropitems-count-margin-left: -8px !default;
4058
4064
  &.e-wrap {
4059
4065
  & .e-rowcell,
4060
4066
  & .e-columnheader .e-stackedheadercelldiv,
4061
- & .e-columnheader .e-headercelldiv {
4067
+ & .e-columnheader .e-headercelldiv,
4068
+ & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
4062
4069
  height: Auto;
4063
4070
  line-height: $grid-rowcell-wrap-height;
4064
4071
  overflow-wrap: break-word;
@@ -4074,25 +4081,30 @@ $grid-dropitems-count-margin-left: -8px !default;
4074
4081
  }
4075
4082
 
4076
4083
  &.e-wrap .e-columnheader .e-headercelldiv,
4077
- & .e-columnheader.e-wrap .e-headercelldiv {
4084
+ &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
4085
+ & .e-columnheader.e-wrap .e-headercelldiv,
4086
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
4078
4087
  margin-bottom: $grid-wrap-margin-bottom;
4079
4088
  margin-top: $grid-wrap-margin-top;
4080
4089
  }
4081
4090
 
4082
- &.e-wrap .e-columnheader .e-filtermenudiv {
4091
+ &.e-wrap .e-columnheader .e-filtermenudiv,
4092
+ &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
4083
4093
  line-height: $grid-wrap-line-height;
4084
4094
  }
4085
4095
 
4086
- & .e-columnheader.e-wrap .e-filtermenudiv {
4096
+ & .e-columnheader.e-wrap .e-filtermenudiv,
4097
+ & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
4087
4098
  line-height: $grid-wrap-line-height;
4088
4099
  }
4089
4100
 
4090
4101
  & .e-columnheader.e-wrap .e-headercelldiv,
4102
+ & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
4091
4103
  & .e-columnheader.e-wrap .e-stackedheadercelldiv,
4092
4104
  & .e-gridcontent.e-wrap .e-rowcell,
4093
4105
  & .e-frozenhdrcont.e-wrap .e-rowcell {
4094
4106
  height: Auto;
4095
- line-height: $grid-wrap-line-height;
4107
+ line-height: $grid-rowcell-wrap-height;
4096
4108
  overflow-wrap: break-word;
4097
4109
  text-overflow: clip;
4098
4110
  white-space: normal;
@@ -5279,8 +5291,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5279
5291
 
5280
5292
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
5281
5293
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
5282
- &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5283
- &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
5294
+ &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5295
+ &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
5284
5296
  &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5285
5297
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5286
5298
  background-color: $grid-hover-bg-color;