@syncfusion/blazor-themes 27.2.3 → 27.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 (93) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +6 -0
  2. package/SCSS-Themes/bds-dark.scss +7 -1
  3. package/SCSS-Themes/bds-lite.scss +6 -0
  4. package/SCSS-Themes/bds.scss +7 -1
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +6 -0
  6. package/SCSS-Themes/bootstrap-dark.scss +7 -1
  7. package/SCSS-Themes/bootstrap-lite.scss +6 -0
  8. package/SCSS-Themes/bootstrap.scss +7 -1
  9. package/SCSS-Themes/bootstrap4-lite.scss +6 -0
  10. package/SCSS-Themes/bootstrap4.scss +7 -1
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +6 -0
  12. package/SCSS-Themes/bootstrap5-dark.scss +7 -1
  13. package/SCSS-Themes/bootstrap5-lite.scss +6 -0
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +6 -0
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +7 -1
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +6 -0
  17. package/SCSS-Themes/bootstrap5.3.scss +7 -1
  18. package/SCSS-Themes/bootstrap5.scss +7 -1
  19. package/SCSS-Themes/fabric-dark-lite.scss +6 -0
  20. package/SCSS-Themes/fabric-dark.scss +7 -1
  21. package/SCSS-Themes/fabric-lite.scss +6 -0
  22. package/SCSS-Themes/fabric.scss +7 -1
  23. package/SCSS-Themes/fluent-dark-lite.scss +6 -0
  24. package/SCSS-Themes/fluent-dark.scss +7 -1
  25. package/SCSS-Themes/fluent-lite.scss +6 -0
  26. package/SCSS-Themes/fluent.scss +7 -1
  27. package/SCSS-Themes/fluent2-dark-lite.scss +6 -0
  28. package/SCSS-Themes/fluent2-dark.scss +7 -1
  29. package/SCSS-Themes/fluent2-highcontrast-lite.scss +6 -0
  30. package/SCSS-Themes/fluent2-highcontrast.scss +7 -1
  31. package/SCSS-Themes/fluent2-lite.scss +6 -0
  32. package/SCSS-Themes/fluent2.scss +7 -1
  33. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +6 -0
  34. package/SCSS-Themes/grids/grid/bds-dark.scss +7 -1
  35. package/SCSS-Themes/grids/grid/bds-lite.scss +6 -0
  36. package/SCSS-Themes/grids/grid/bds.scss +7 -1
  37. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +6 -0
  38. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -1
  39. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +6 -0
  40. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -1
  41. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +6 -0
  42. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -1
  43. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +6 -0
  44. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -1
  45. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +6 -0
  46. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +6 -0
  47. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +7 -1
  48. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +6 -0
  49. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +7 -1
  50. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -1
  51. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +6 -0
  52. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -1
  53. package/SCSS-Themes/grids/grid/fabric-lite.scss +6 -0
  54. package/SCSS-Themes/grids/grid/fabric.scss +7 -1
  55. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +6 -0
  56. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -1
  57. package/SCSS-Themes/grids/grid/fluent-lite.scss +6 -0
  58. package/SCSS-Themes/grids/grid/fluent.scss +7 -1
  59. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +6 -0
  60. package/SCSS-Themes/grids/grid/fluent2-dark.scss +7 -1
  61. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +6 -0
  62. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +7 -1
  63. package/SCSS-Themes/grids/grid/fluent2-lite.scss +6 -0
  64. package/SCSS-Themes/grids/grid/fluent2.scss +7 -1
  65. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +7 -1
  66. package/SCSS-Themes/grids/grid/highcontrast.scss +8 -2
  67. package/SCSS-Themes/grids/grid/material-dark-lite.scss +6 -0
  68. package/SCSS-Themes/grids/grid/material-dark.scss +7 -1
  69. package/SCSS-Themes/grids/grid/material-lite.scss +6 -0
  70. package/SCSS-Themes/grids/grid/material.scss +7 -1
  71. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +6 -0
  72. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -1
  73. package/SCSS-Themes/grids/grid/material3-lite.scss +6 -0
  74. package/SCSS-Themes/grids/grid/material3.scss +7 -1
  75. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +6 -0
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -1
  77. package/SCSS-Themes/grids/grid/tailwind-lite.scss +6 -0
  78. package/SCSS-Themes/grids/grid/tailwind.scss +7 -1
  79. package/SCSS-Themes/highcontrast-lite.scss +7 -1
  80. package/SCSS-Themes/highcontrast.scss +8 -2
  81. package/SCSS-Themes/material-dark-lite.scss +6 -0
  82. package/SCSS-Themes/material-dark.scss +7 -1
  83. package/SCSS-Themes/material-lite.scss +6 -0
  84. package/SCSS-Themes/material.scss +7 -1
  85. package/SCSS-Themes/material3-dark-lite.scss +6 -0
  86. package/SCSS-Themes/material3-dark.scss +7 -1
  87. package/SCSS-Themes/material3-lite.scss +6 -0
  88. package/SCSS-Themes/material3.scss +7 -1
  89. package/SCSS-Themes/tailwind-dark-lite.scss +6 -0
  90. package/SCSS-Themes/tailwind-dark.scss +7 -1
  91. package/SCSS-Themes/tailwind-lite.scss +6 -0
  92. package/SCSS-Themes/tailwind.scss +7 -1
  93. package/package.json +1 -1
@@ -65837,6 +65837,12 @@ $grid-checkmark-color: $primary !default;
65837
65837
  margin-right: $grid-filterbar-dropdown;
65838
65838
  }
65839
65839
 
65840
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
65841
+ @if $grid-skin == 'highcontrast' {
65842
+ margin-right: 38px;
65843
+ }
65844
+ }
65845
+
65840
65846
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
65841
65847
  .e-filterbardropdown {
65842
65848
  border: transparent;
@@ -87558,6 +87558,12 @@ $grid-checkmark-color: $primary !default;
87558
87558
  margin-right: $grid-filterbar-dropdown;
87559
87559
  }
87560
87560
 
87561
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
87562
+ @if $grid-skin == 'highcontrast' {
87563
+ margin-right: 38px;
87564
+ }
87565
+ }
87566
+
87561
87567
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
87562
87568
  .e-filterbardropdown {
87563
87569
  border: transparent;
@@ -89790,10 +89796,10 @@ $grid-checkmark-color: $primary !default;
89790
89796
  }
89791
89797
  & .e-btn {
89792
89798
  @if $grid-skin != 'fluent2' {
89799
+ color: $grid-responsive-custom-header-btn-color;
89793
89800
  background: none;
89794
89801
  }
89795
89802
  border: 0;
89796
- color: $grid-responsive-custom-header-btn-color;
89797
89803
  }
89798
89804
  & .e-btn .e-icon-filter-clear {
89799
89805
  @if $grid-skin == 'fluent2' {
@@ -66132,6 +66132,12 @@ $grid-checkmark-color: $primary !default;
66132
66132
  margin-right: $grid-filterbar-dropdown;
66133
66133
  }
66134
66134
 
66135
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
66136
+ @if $grid-skin == 'highcontrast' {
66137
+ margin-right: 38px;
66138
+ }
66139
+ }
66140
+
66135
66141
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
66136
66142
  .e-filterbardropdown {
66137
66143
  border: transparent;
@@ -87853,6 +87853,12 @@ $grid-checkmark-color: $primary !default;
87853
87853
  margin-right: $grid-filterbar-dropdown;
87854
87854
  }
87855
87855
 
87856
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
87857
+ @if $grid-skin == 'highcontrast' {
87858
+ margin-right: 38px;
87859
+ }
87860
+ }
87861
+
87856
87862
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
87857
87863
  .e-filterbardropdown {
87858
87864
  border: transparent;
@@ -90085,10 +90091,10 @@ $grid-checkmark-color: $primary !default;
90085
90091
  }
90086
90092
  & .e-btn {
90087
90093
  @if $grid-skin != 'fluent2' {
90094
+ color: $grid-responsive-custom-header-btn-color;
90088
90095
  background: none;
90089
90096
  }
90090
90097
  border: 0;
90091
- color: $grid-responsive-custom-header-btn-color;
90092
90098
  }
90093
90099
  & .e-btn .e-icon-filter-clear {
90094
90100
  @if $grid-skin == 'fluent2' {
@@ -64318,6 +64318,12 @@ $grid-checkmark-color: $grey-light-font !default;
64318
64318
  margin-right: $grid-filterbar-dropdown;
64319
64319
  }
64320
64320
 
64321
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64322
+ @if $grid-skin == 'highcontrast' {
64323
+ margin-right: 38px;
64324
+ }
64325
+ }
64326
+
64321
64327
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64322
64328
  .e-filterbardropdown {
64323
64329
  border: transparent;
@@ -86039,6 +86039,12 @@ $grid-checkmark-color: $grey-light-font !default;
86039
86039
  margin-right: $grid-filterbar-dropdown;
86040
86040
  }
86041
86041
 
86042
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86043
+ @if $grid-skin == 'highcontrast' {
86044
+ margin-right: 38px;
86045
+ }
86046
+ }
86047
+
86042
86048
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86043
86049
  .e-filterbardropdown {
86044
86050
  border: transparent;
@@ -88279,10 +88285,10 @@ $grid-checkmark-color: $grey-light-font !default;
88279
88285
  }
88280
88286
  & .e-btn {
88281
88287
  @if $grid-skin != 'fluent2' {
88288
+ color: $grid-responsive-custom-header-btn-color;
88282
88289
  background: none;
88283
88290
  }
88284
88291
  border: 0;
88285
- color: $grid-responsive-custom-header-btn-color;
88286
88292
  }
88287
88293
  & .e-btn .e-icon-filter-clear {
88288
88294
  @if $grid-skin == 'fluent2' {
@@ -64077,6 +64077,12 @@ $grid-checkmark-color: $grey !default;
64077
64077
  margin-right: $grid-filterbar-dropdown;
64078
64078
  }
64079
64079
 
64080
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64081
+ @if $grid-skin == 'highcontrast' {
64082
+ margin-right: 38px;
64083
+ }
64084
+ }
64085
+
64080
64086
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64081
64087
  .e-filterbardropdown {
64082
64088
  border: transparent;
@@ -85798,6 +85798,12 @@ $grid-checkmark-color: $grey !default;
85798
85798
  margin-right: $grid-filterbar-dropdown;
85799
85799
  }
85800
85800
 
85801
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
85802
+ @if $grid-skin == 'highcontrast' {
85803
+ margin-right: 38px;
85804
+ }
85805
+ }
85806
+
85801
85807
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
85802
85808
  .e-filterbardropdown {
85803
85809
  border: transparent;
@@ -88038,10 +88044,10 @@ $grid-checkmark-color: $grey !default;
88038
88044
  }
88039
88045
  & .e-btn {
88040
88046
  @if $grid-skin != 'fluent2' {
88047
+ color: $grid-responsive-custom-header-btn-color;
88041
88048
  background: none;
88042
88049
  }
88043
88050
  border: 0;
88044
- color: $grid-responsive-custom-header-btn-color;
88045
88051
  }
88046
88052
  & .e-btn .e-icon-filter-clear {
88047
88053
  @if $grid-skin == 'fluent2' {
@@ -64169,6 +64169,12 @@ $grid-checkmark-color: $white !default;
64169
64169
  margin-right: $grid-filterbar-dropdown;
64170
64170
  }
64171
64171
 
64172
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64173
+ @if $grid-skin == 'highcontrast' {
64174
+ margin-right: 38px;
64175
+ }
64176
+ }
64177
+
64172
64178
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64173
64179
  .e-filterbardropdown {
64174
64180
  border: transparent;
@@ -85890,6 +85890,12 @@ $grid-checkmark-color: $white !default;
85890
85890
  margin-right: $grid-filterbar-dropdown;
85891
85891
  }
85892
85892
 
85893
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
85894
+ @if $grid-skin == 'highcontrast' {
85895
+ margin-right: 38px;
85896
+ }
85897
+ }
85898
+
85893
85899
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
85894
85900
  .e-filterbardropdown {
85895
85901
  border: transparent;
@@ -88105,10 +88111,10 @@ $grid-checkmark-color: $white !default;
88105
88111
  }
88106
88112
  & .e-btn {
88107
88113
  @if $grid-skin != 'fluent2' {
88114
+ color: $grid-responsive-custom-header-btn-color;
88108
88115
  background: none;
88109
88116
  }
88110
88117
  border: 0;
88111
- color: $grid-responsive-custom-header-btn-color;
88112
88118
  }
88113
88119
  & .e-btn .e-icon-filter-clear {
88114
88120
  @if $grid-skin == 'fluent2' {
@@ -64565,6 +64565,12 @@ $grid-checkmark-color: $primary-text-color !default;
64565
64565
  margin-right: $grid-filterbar-dropdown;
64566
64566
  }
64567
64567
 
64568
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64569
+ @if $grid-skin == 'highcontrast' {
64570
+ margin-right: 38px;
64571
+ }
64572
+ }
64573
+
64568
64574
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64569
64575
  .e-filterbardropdown {
64570
64576
  border: transparent;
@@ -86286,6 +86286,12 @@ $grid-checkmark-color: $primary-text-color !default;
86286
86286
  margin-right: $grid-filterbar-dropdown;
86287
86287
  }
86288
86288
 
86289
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86290
+ @if $grid-skin == 'highcontrast' {
86291
+ margin-right: 38px;
86292
+ }
86293
+ }
86294
+
86289
86295
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86290
86296
  .e-filterbardropdown {
86291
86297
  border: transparent;
@@ -88515,10 +88521,10 @@ $grid-checkmark-color: $primary-text-color !default;
88515
88521
  }
88516
88522
  & .e-btn {
88517
88523
  @if $grid-skin != 'fluent2' {
88524
+ color: $grid-responsive-custom-header-btn-color;
88518
88525
  background: none;
88519
88526
  }
88520
88527
  border: 0;
88521
- color: $grid-responsive-custom-header-btn-color;
88522
88528
  }
88523
88529
  & .e-btn .e-icon-filter-clear {
88524
88530
  @if $grid-skin == 'fluent2' {
@@ -64564,6 +64564,12 @@ $grid-checkmark-color: $primary-text-color !default;
64564
64564
  margin-right: $grid-filterbar-dropdown;
64565
64565
  }
64566
64566
 
64567
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64568
+ @if $grid-skin == 'highcontrast' {
64569
+ margin-right: 38px;
64570
+ }
64571
+ }
64572
+
64567
64573
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64568
64574
  .e-filterbardropdown {
64569
64575
  border: transparent;
@@ -65359,6 +65359,12 @@ $grid-checkmark-color: $primary-text-color !default;
65359
65359
  margin-right: $grid-filterbar-dropdown;
65360
65360
  }
65361
65361
 
65362
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
65363
+ @if $grid-skin == 'highcontrast' {
65364
+ margin-right: 38px;
65365
+ }
65366
+ }
65367
+
65362
65368
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
65363
65369
  .e-filterbardropdown {
65364
65370
  border: transparent;
@@ -87080,6 +87080,12 @@ $grid-checkmark-color: $primary-text-color !default;
87080
87080
  margin-right: $grid-filterbar-dropdown;
87081
87081
  }
87082
87082
 
87083
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
87084
+ @if $grid-skin == 'highcontrast' {
87085
+ margin-right: 38px;
87086
+ }
87087
+ }
87088
+
87083
87089
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
87084
87090
  .e-filterbardropdown {
87085
87091
  border: transparent;
@@ -89309,10 +89315,10 @@ $grid-checkmark-color: $primary-text-color !default;
89309
89315
  }
89310
89316
  & .e-btn {
89311
89317
  @if $grid-skin != 'fluent2' {
89318
+ color: $grid-responsive-custom-header-btn-color;
89312
89319
  background: none;
89313
89320
  }
89314
89321
  border: 0;
89315
- color: $grid-responsive-custom-header-btn-color;
89316
89322
  }
89317
89323
  & .e-btn .e-icon-filter-clear {
89318
89324
  @if $grid-skin == 'fluent2' {
@@ -65706,6 +65706,12 @@ $grid-checkmark-color: $primary-text-color !default;
65706
65706
  margin-right: $grid-filterbar-dropdown;
65707
65707
  }
65708
65708
 
65709
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
65710
+ @if $grid-skin == 'highcontrast' {
65711
+ margin-right: 38px;
65712
+ }
65713
+ }
65714
+
65709
65715
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
65710
65716
  .e-filterbardropdown {
65711
65717
  border: transparent;
@@ -87427,6 +87427,12 @@ $grid-checkmark-color: $primary-text-color !default;
87427
87427
  margin-right: $grid-filterbar-dropdown;
87428
87428
  }
87429
87429
 
87430
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
87431
+ @if $grid-skin == 'highcontrast' {
87432
+ margin-right: 38px;
87433
+ }
87434
+ }
87435
+
87430
87436
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
87431
87437
  .e-filterbardropdown {
87432
87438
  border: transparent;
@@ -89656,10 +89662,10 @@ $grid-checkmark-color: $primary-text-color !default;
89656
89662
  }
89657
89663
  & .e-btn {
89658
89664
  @if $grid-skin != 'fluent2' {
89665
+ color: $grid-responsive-custom-header-btn-color;
89659
89666
  background: none;
89660
89667
  }
89661
89668
  border: 0;
89662
- color: $grid-responsive-custom-header-btn-color;
89663
89669
  }
89664
89670
  & .e-btn .e-icon-filter-clear {
89665
89671
  @if $grid-skin == 'fluent2' {
@@ -86285,6 +86285,12 @@ $grid-checkmark-color: $primary-text-color !default;
86285
86285
  margin-right: $grid-filterbar-dropdown;
86286
86286
  }
86287
86287
 
86288
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86289
+ @if $grid-skin == 'highcontrast' {
86290
+ margin-right: 38px;
86291
+ }
86292
+ }
86293
+
86288
86294
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86289
86295
  .e-filterbardropdown {
86290
86296
  border: transparent;
@@ -88514,10 +88520,10 @@ $grid-checkmark-color: $primary-text-color !default;
88514
88520
  }
88515
88521
  & .e-btn {
88516
88522
  @if $grid-skin != 'fluent2' {
88523
+ color: $grid-responsive-custom-header-btn-color;
88517
88524
  background: none;
88518
88525
  }
88519
88526
  border: 0;
88520
- color: $grid-responsive-custom-header-btn-color;
88521
88527
  }
88522
88528
  & .e-btn .e-icon-filter-clear {
88523
88529
  @if $grid-skin == 'fluent2' {
@@ -64221,6 +64221,12 @@ $grid-checkmark-color: $theme-dark-font !default;
64221
64221
  margin-right: $grid-filterbar-dropdown;
64222
64222
  }
64223
64223
 
64224
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64225
+ @if $grid-skin == 'highcontrast' {
64226
+ margin-right: 38px;
64227
+ }
64228
+ }
64229
+
64224
64230
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64225
64231
  .e-filterbardropdown {
64226
64232
  border: transparent;
@@ -85942,6 +85942,12 @@ $grid-checkmark-color: $theme-dark-font !default;
85942
85942
  margin-right: $grid-filterbar-dropdown;
85943
85943
  }
85944
85944
 
85945
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
85946
+ @if $grid-skin == 'highcontrast' {
85947
+ margin-right: 38px;
85948
+ }
85949
+ }
85950
+
85945
85951
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
85946
85952
  .e-filterbardropdown {
85947
85953
  border: transparent;
@@ -88177,10 +88183,10 @@ $grid-checkmark-color: $theme-dark-font !default;
88177
88183
  }
88178
88184
  & .e-btn {
88179
88185
  @if $grid-skin != 'fluent2' {
88186
+ color: $grid-responsive-custom-header-btn-color;
88180
88187
  background: none;
88181
88188
  }
88182
88189
  border: 0;
88183
- color: $grid-responsive-custom-header-btn-color;
88184
88190
  }
88185
88191
  & .e-btn .e-icon-filter-clear {
88186
88192
  @if $grid-skin == 'fluent2' {
@@ -63995,6 +63995,12 @@ $grid-checkmark-color: $theme-primary-font !default;
63995
63995
  margin-right: $grid-filterbar-dropdown;
63996
63996
  }
63997
63997
 
63998
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
63999
+ @if $grid-skin == 'highcontrast' {
64000
+ margin-right: 38px;
64001
+ }
64002
+ }
64003
+
63998
64004
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
63999
64005
  .e-filterbardropdown {
64000
64006
  border: transparent;
@@ -85716,6 +85716,12 @@ $grid-checkmark-color: $theme-primary-font !default;
85716
85716
  margin-right: $grid-filterbar-dropdown;
85717
85717
  }
85718
85718
 
85719
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
85720
+ @if $grid-skin == 'highcontrast' {
85721
+ margin-right: 38px;
85722
+ }
85723
+ }
85724
+
85719
85725
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
85720
85726
  .e-filterbardropdown {
85721
85727
  border: transparent;
@@ -87953,10 +87959,10 @@ $grid-checkmark-color: $theme-primary-font !default;
87953
87959
  }
87954
87960
  & .e-btn {
87955
87961
  @if $grid-skin != 'fluent2' {
87962
+ color: $grid-responsive-custom-header-btn-color;
87956
87963
  background: none;
87957
87964
  }
87958
87965
  border: 0;
87959
- color: $grid-responsive-custom-header-btn-color;
87960
87966
  }
87961
87967
  & .e-btn .e-icon-filter-clear {
87962
87968
  @if $grid-skin == 'fluent2' {
@@ -64653,6 +64653,12 @@ $grid-checkmark-color: $primary-text-color !default;
64653
64653
  margin-right: $grid-filterbar-dropdown;
64654
64654
  }
64655
64655
 
64656
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64657
+ @if $grid-skin == 'highcontrast' {
64658
+ margin-right: 38px;
64659
+ }
64660
+ }
64661
+
64656
64662
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64657
64663
  .e-filterbardropdown {
64658
64664
  border: transparent;
@@ -86374,6 +86374,12 @@ $grid-checkmark-color: $primary-text-color !default;
86374
86374
  margin-right: $grid-filterbar-dropdown;
86375
86375
  }
86376
86376
 
86377
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86378
+ @if $grid-skin == 'highcontrast' {
86379
+ margin-right: 38px;
86380
+ }
86381
+ }
86382
+
86377
86383
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86378
86384
  .e-filterbardropdown {
86379
86385
  border: transparent;
@@ -88609,10 +88615,10 @@ $grid-checkmark-color: $primary-text-color !default;
88609
88615
  }
88610
88616
  & .e-btn {
88611
88617
  @if $grid-skin != 'fluent2' {
88618
+ color: $grid-responsive-custom-header-btn-color;
88612
88619
  background: none;
88613
88620
  }
88614
88621
  border: 0;
88615
- color: $grid-responsive-custom-header-btn-color;
88616
88622
  }
88617
88623
  & .e-btn .e-icon-filter-clear {
88618
88624
  @if $grid-skin == 'fluent2' {
@@ -64653,6 +64653,12 @@ $grid-checkmark-color: $primary-text-color !default;
64653
64653
  margin-right: $grid-filterbar-dropdown;
64654
64654
  }
64655
64655
 
64656
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
64657
+ @if $grid-skin == 'highcontrast' {
64658
+ margin-right: 38px;
64659
+ }
64660
+ }
64661
+
64656
64662
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
64657
64663
  .e-filterbardropdown {
64658
64664
  border: transparent;
@@ -86374,6 +86374,12 @@ $grid-checkmark-color: $primary-text-color !default;
86374
86374
  margin-right: $grid-filterbar-dropdown;
86375
86375
  }
86376
86376
 
86377
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86378
+ @if $grid-skin == 'highcontrast' {
86379
+ margin-right: 38px;
86380
+ }
86381
+ }
86382
+
86377
86383
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86378
86384
  .e-filterbardropdown {
86379
86385
  border: transparent;
@@ -88609,10 +88615,10 @@ $grid-checkmark-color: $primary-text-color !default;
88609
88615
  }
88610
88616
  & .e-btn {
88611
88617
  @if $grid-skin != 'fluent2' {
88618
+ color: $grid-responsive-custom-header-btn-color;
88612
88619
  background: none;
88613
88620
  }
88614
88621
  border: 0;
88615
- color: $grid-responsive-custom-header-btn-color;
88616
88622
  }
88617
88623
  & .e-btn .e-icon-filter-clear {
88618
88624
  @if $grid-skin == 'fluent2' {
@@ -66577,6 +66577,12 @@ $grid-checkmark-color: $primary-text-color !default;
66577
66577
  margin-right: $grid-filterbar-dropdown;
66578
66578
  }
66579
66579
 
66580
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
66581
+ @if $grid-skin == 'highcontrast' {
66582
+ margin-right: 38px;
66583
+ }
66584
+ }
66585
+
66580
66586
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
66581
66587
  .e-filterbardropdown {
66582
66588
  border: transparent;
@@ -88298,6 +88298,12 @@ $grid-checkmark-color: $primary-text-color !default;
88298
88298
  margin-right: $grid-filterbar-dropdown;
88299
88299
  }
88300
88300
 
88301
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
88302
+ @if $grid-skin == 'highcontrast' {
88303
+ margin-right: 38px;
88304
+ }
88305
+ }
88306
+
88301
88307
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
88302
88308
  .e-filterbardropdown {
88303
88309
  border: transparent;
@@ -90533,10 +90539,10 @@ $grid-checkmark-color: $primary-text-color !default;
90533
90539
  }
90534
90540
  & .e-btn {
90535
90541
  @if $grid-skin != 'fluent2' {
90542
+ color: $grid-responsive-custom-header-btn-color;
90536
90543
  background: none;
90537
90544
  }
90538
90545
  border: 0;
90539
- color: $grid-responsive-custom-header-btn-color;
90540
90546
  }
90541
90547
  & .e-btn .e-icon-filter-clear {
90542
90548
  @if $grid-skin == 'fluent2' {
@@ -66577,6 +66577,12 @@ $grid-checkmark-color: $primary-text-color !default;
66577
66577
  margin-right: $grid-filterbar-dropdown;
66578
66578
  }
66579
66579
 
66580
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
66581
+ @if $grid-skin == 'highcontrast' {
66582
+ margin-right: 38px;
66583
+ }
66584
+ }
66585
+
66580
66586
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
66581
66587
  .e-filterbardropdown {
66582
66588
  border: transparent;
@@ -88298,6 +88298,12 @@ $grid-checkmark-color: $primary-text-color !default;
88298
88298
  margin-right: $grid-filterbar-dropdown;
88299
88299
  }
88300
88300
 
88301
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
88302
+ @if $grid-skin == 'highcontrast' {
88303
+ margin-right: 38px;
88304
+ }
88305
+ }
88306
+
88301
88307
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
88302
88308
  .e-filterbardropdown {
88303
88309
  border: transparent;
@@ -90533,10 +90539,10 @@ $grid-checkmark-color: $primary-text-color !default;
90533
90539
  }
90534
90540
  & .e-btn {
90535
90541
  @if $grid-skin != 'fluent2' {
90542
+ color: $grid-responsive-custom-header-btn-color;
90536
90543
  background: none;
90537
90544
  }
90538
90545
  border: 0;
90539
- color: $grid-responsive-custom-header-btn-color;
90540
90546
  }
90541
90547
  & .e-btn .e-icon-filter-clear {
90542
90548
  @if $grid-skin == 'fluent2' {
@@ -67349,6 +67349,12 @@ $grid-checkmark-color: $primary-text-color !default;
67349
67349
  margin-right: $grid-filterbar-dropdown;
67350
67350
  }
67351
67351
 
67352
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
67353
+ @if $grid-skin == 'highcontrast' {
67354
+ margin-right: 38px;
67355
+ }
67356
+ }
67357
+
67352
67358
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
67353
67359
  .e-filterbardropdown {
67354
67360
  border: transparent;
@@ -89070,6 +89070,12 @@ $grid-checkmark-color: $primary-text-color !default;
89070
89070
  margin-right: $grid-filterbar-dropdown;
89071
89071
  }
89072
89072
 
89073
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
89074
+ @if $grid-skin == 'highcontrast' {
89075
+ margin-right: 38px;
89076
+ }
89077
+ }
89078
+
89073
89079
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
89074
89080
  .e-filterbardropdown {
89075
89081
  border: transparent;
@@ -91305,10 +91311,10 @@ $grid-checkmark-color: $primary-text-color !default;
91305
91311
  }
91306
91312
  & .e-btn {
91307
91313
  @if $grid-skin != 'fluent2' {
91314
+ color: $grid-responsive-custom-header-btn-color;
91308
91315
  background: none;
91309
91316
  }
91310
91317
  border: 0;
91311
- color: $grid-responsive-custom-header-btn-color;
91312
91318
  }
91313
91319
  & .e-btn .e-icon-filter-clear {
91314
91320
  @if $grid-skin == 'fluent2' {
@@ -5523,6 +5523,12 @@ $grid-checkmark-color: $primary !default;
5523
5523
  margin-right: $grid-filterbar-dropdown;
5524
5524
  }
5525
5525
 
5526
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5527
+ @if $grid-skin == 'highcontrast' {
5528
+ margin-right: 38px;
5529
+ }
5530
+ }
5531
+
5526
5532
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5527
5533
  .e-filterbardropdown {
5528
5534
  border: transparent;