@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
@@ -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;
@@ -7755,10 +7761,10 @@ $grid-checkmark-color: $primary !default;
7755
7761
  }
7756
7762
  & .e-btn {
7757
7763
  @if $grid-skin != 'fluent2' {
7764
+ color: $grid-responsive-custom-header-btn-color;
7758
7765
  background: none;
7759
7766
  }
7760
7767
  border: 0;
7761
- color: $grid-responsive-custom-header-btn-color;
7762
7768
  }
7763
7769
  & .e-btn .e-icon-filter-clear {
7764
7770
  @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;
@@ -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;
@@ -7755,10 +7761,10 @@ $grid-checkmark-color: $primary !default;
7755
7761
  }
7756
7762
  & .e-btn {
7757
7763
  @if $grid-skin != 'fluent2' {
7764
+ color: $grid-responsive-custom-header-btn-color;
7758
7765
  background: none;
7759
7766
  }
7760
7767
  border: 0;
7761
- color: $grid-responsive-custom-header-btn-color;
7762
7768
  }
7763
7769
  & .e-btn .e-icon-filter-clear {
7764
7770
  @if $grid-skin == 'fluent2' {
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $grey-light-font !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $grey-light-font !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -7752,10 +7758,10 @@ $grid-checkmark-color: $grey-light-font !default;
7752
7758
  }
7753
7759
  & .e-btn {
7754
7760
  @if $grid-skin != 'fluent2' {
7761
+ color: $grid-responsive-custom-header-btn-color;
7755
7762
  background: none;
7756
7763
  }
7757
7764
  border: 0;
7758
- color: $grid-responsive-custom-header-btn-color;
7759
7765
  }
7760
7766
  & .e-btn .e-icon-filter-clear {
7761
7767
  @if $grid-skin == 'fluent2' {
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $grey !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $grey !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -7751,10 +7757,10 @@ $grid-checkmark-color: $grey !default;
7751
7757
  }
7752
7758
  & .e-btn {
7753
7759
  @if $grid-skin != 'fluent2' {
7760
+ color: $grid-responsive-custom-header-btn-color;
7754
7761
  background: none;
7755
7762
  }
7756
7763
  border: 0;
7757
- color: $grid-responsive-custom-header-btn-color;
7758
7764
  }
7759
7765
  & .e-btn .e-icon-filter-clear {
7760
7766
  @if $grid-skin == 'fluent2' {
@@ -5518,6 +5518,12 @@ $grid-checkmark-color: $white !default;
5518
5518
  margin-right: $grid-filterbar-dropdown;
5519
5519
  }
5520
5520
 
5521
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5522
+ @if $grid-skin == 'highcontrast' {
5523
+ margin-right: 38px;
5524
+ }
5525
+ }
5526
+
5521
5527
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5522
5528
  .e-filterbardropdown {
5523
5529
  border: transparent;
@@ -5518,6 +5518,12 @@ $grid-checkmark-color: $white !default;
5518
5518
  margin-right: $grid-filterbar-dropdown;
5519
5519
  }
5520
5520
 
5521
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5522
+ @if $grid-skin == 'highcontrast' {
5523
+ margin-right: 38px;
5524
+ }
5525
+ }
5526
+
5521
5527
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5522
5528
  .e-filterbardropdown {
5523
5529
  border: transparent;
@@ -7733,10 +7739,10 @@ $grid-checkmark-color: $white !default;
7733
7739
  }
7734
7740
  & .e-btn {
7735
7741
  @if $grid-skin != 'fluent2' {
7742
+ color: $grid-responsive-custom-header-btn-color;
7736
7743
  background: none;
7737
7744
  }
7738
7745
  border: 0;
7739
- color: $grid-responsive-custom-header-btn-color;
7740
7746
  }
7741
7747
  & .e-btn .e-icon-filter-clear {
7742
7748
  @if $grid-skin == 'fluent2' {
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -7740,10 +7746,10 @@ $grid-checkmark-color: $primary-text-color !default;
7740
7746
  }
7741
7747
  & .e-btn {
7742
7748
  @if $grid-skin != 'fluent2' {
7749
+ color: $grid-responsive-custom-header-btn-color;
7743
7750
  background: none;
7744
7751
  }
7745
7752
  border: 0;
7746
- color: $grid-responsive-custom-header-btn-color;
7747
7753
  }
7748
7754
  & .e-btn .e-icon-filter-clear {
7749
7755
  @if $grid-skin == 'fluent2' {
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -7740,10 +7746,10 @@ $grid-checkmark-color: $primary-text-color !default;
7740
7746
  }
7741
7747
  & .e-btn {
7742
7748
  @if $grid-skin != 'fluent2' {
7749
+ color: $grid-responsive-custom-header-btn-color;
7743
7750
  background: none;
7744
7751
  }
7745
7752
  border: 0;
7746
- color: $grid-responsive-custom-header-btn-color;
7747
7753
  }
7748
7754
  & .e-btn .e-icon-filter-clear {
7749
7755
  @if $grid-skin == 'fluent2' {
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -7740,10 +7746,10 @@ $grid-checkmark-color: $primary-text-color !default;
7740
7746
  }
7741
7747
  & .e-btn {
7742
7748
  @if $grid-skin != 'fluent2' {
7749
+ color: $grid-responsive-custom-header-btn-color;
7743
7750
  background: none;
7744
7751
  }
7745
7752
  border: 0;
7746
- color: $grid-responsive-custom-header-btn-color;
7747
7753
  }
7748
7754
  & .e-btn .e-icon-filter-clear {
7749
7755
  @if $grid-skin == 'fluent2' {
@@ -5511,6 +5511,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5511
  margin-right: $grid-filterbar-dropdown;
5512
5512
  }
5513
5513
 
5514
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5515
+ @if $grid-skin == 'highcontrast' {
5516
+ margin-right: 38px;
5517
+ }
5518
+ }
5519
+
5514
5520
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5521
  .e-filterbardropdown {
5516
5522
  border: transparent;
@@ -7740,10 +7746,10 @@ $grid-checkmark-color: $primary-text-color !default;
7740
7746
  }
7741
7747
  & .e-btn {
7742
7748
  @if $grid-skin != 'fluent2' {
7749
+ color: $grid-responsive-custom-header-btn-color;
7743
7750
  background: none;
7744
7751
  }
7745
7752
  border: 0;
7746
- color: $grid-responsive-custom-header-btn-color;
7747
7753
  }
7748
7754
  & .e-btn .e-icon-filter-clear {
7749
7755
  @if $grid-skin == 'fluent2' {
@@ -5510,6 +5510,12 @@ $grid-checkmark-color: $theme-dark-font !default;
5510
5510
  margin-right: $grid-filterbar-dropdown;
5511
5511
  }
5512
5512
 
5513
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5514
+ @if $grid-skin == 'highcontrast' {
5515
+ margin-right: 38px;
5516
+ }
5517
+ }
5518
+
5513
5519
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5514
5520
  .e-filterbardropdown {
5515
5521
  border: transparent;
@@ -5510,6 +5510,12 @@ $grid-checkmark-color: $theme-dark-font !default;
5510
5510
  margin-right: $grid-filterbar-dropdown;
5511
5511
  }
5512
5512
 
5513
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5514
+ @if $grid-skin == 'highcontrast' {
5515
+ margin-right: 38px;
5516
+ }
5517
+ }
5518
+
5513
5519
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5514
5520
  .e-filterbardropdown {
5515
5521
  border: transparent;
@@ -7745,10 +7751,10 @@ $grid-checkmark-color: $theme-dark-font !default;
7745
7751
  }
7746
7752
  & .e-btn {
7747
7753
  @if $grid-skin != 'fluent2' {
7754
+ color: $grid-responsive-custom-header-btn-color;
7748
7755
  background: none;
7749
7756
  }
7750
7757
  border: 0;
7751
- color: $grid-responsive-custom-header-btn-color;
7752
7758
  }
7753
7759
  & .e-btn .e-icon-filter-clear {
7754
7760
  @if $grid-skin == 'fluent2' {
@@ -5509,6 +5509,12 @@ $grid-checkmark-color: $theme-primary-font !default;
5509
5509
  margin-right: $grid-filterbar-dropdown;
5510
5510
  }
5511
5511
 
5512
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5513
+ @if $grid-skin == 'highcontrast' {
5514
+ margin-right: 38px;
5515
+ }
5516
+ }
5517
+
5512
5518
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5513
5519
  .e-filterbardropdown {
5514
5520
  border: transparent;
@@ -5509,6 +5509,12 @@ $grid-checkmark-color: $theme-primary-font !default;
5509
5509
  margin-right: $grid-filterbar-dropdown;
5510
5510
  }
5511
5511
 
5512
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5513
+ @if $grid-skin == 'highcontrast' {
5514
+ margin-right: 38px;
5515
+ }
5516
+ }
5517
+
5512
5518
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5513
5519
  .e-filterbardropdown {
5514
5520
  border: transparent;
@@ -7746,10 +7752,10 @@ $grid-checkmark-color: $theme-primary-font !default;
7746
7752
  }
7747
7753
  & .e-btn {
7748
7754
  @if $grid-skin != 'fluent2' {
7755
+ color: $grid-responsive-custom-header-btn-color;
7749
7756
  background: none;
7750
7757
  }
7751
7758
  border: 0;
7752
- color: $grid-responsive-custom-header-btn-color;
7753
7759
  }
7754
7760
  & .e-btn .e-icon-filter-clear {
7755
7761
  @if $grid-skin == 'fluent2' {
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -7747,10 +7753,10 @@ $grid-checkmark-color: $primary-text-color !default;
7747
7753
  }
7748
7754
  & .e-btn {
7749
7755
  @if $grid-skin != 'fluent2' {
7756
+ color: $grid-responsive-custom-header-btn-color;
7750
7757
  background: none;
7751
7758
  }
7752
7759
  border: 0;
7753
- color: $grid-responsive-custom-header-btn-color;
7754
7760
  }
7755
7761
  & .e-btn .e-icon-filter-clear {
7756
7762
  @if $grid-skin == 'fluent2' {
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -5512,6 +5512,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5512
  margin-right: $grid-filterbar-dropdown;
5513
5513
  }
5514
5514
 
5515
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5516
+ @if $grid-skin == 'highcontrast' {
5517
+ margin-right: 38px;
5518
+ }
5519
+ }
5520
+
5515
5521
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5522
  .e-filterbardropdown {
5517
5523
  border: transparent;
@@ -7747,10 +7753,10 @@ $grid-checkmark-color: $primary-text-color !default;
7747
7753
  }
7748
7754
  & .e-btn {
7749
7755
  @if $grid-skin != 'fluent2' {
7756
+ color: $grid-responsive-custom-header-btn-color;
7750
7757
  background: none;
7751
7758
  }
7752
7759
  border: 0;
7753
- color: $grid-responsive-custom-header-btn-color;
7754
7760
  }
7755
7761
  & .e-btn .e-icon-filter-clear {
7756
7762
  @if $grid-skin == 'fluent2' {
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -7760,10 +7766,10 @@ $grid-checkmark-color: $primary-text-color !default;
7760
7766
  }
7761
7767
  & .e-btn {
7762
7768
  @if $grid-skin != 'fluent2' {
7769
+ color: $grid-responsive-custom-header-btn-color;
7763
7770
  background: none;
7764
7771
  }
7765
7772
  border: 0;
7766
- color: $grid-responsive-custom-header-btn-color;
7767
7773
  }
7768
7774
  & .e-btn .e-icon-filter-clear {
7769
7775
  @if $grid-skin == 'fluent2' {
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -7760,10 +7766,10 @@ $grid-checkmark-color: $primary-text-color !default;
7760
7766
  }
7761
7767
  & .e-btn {
7762
7768
  @if $grid-skin != 'fluent2' {
7769
+ color: $grid-responsive-custom-header-btn-color;
7763
7770
  background: none;
7764
7771
  }
7765
7772
  border: 0;
7766
- color: $grid-responsive-custom-header-btn-color;
7767
7773
  }
7768
7774
  & .e-btn .e-icon-filter-clear {
7769
7775
  @if $grid-skin == 'fluent2' {
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -5525,6 +5525,12 @@ $grid-checkmark-color: $primary-text-color !default;
5525
5525
  margin-right: $grid-filterbar-dropdown;
5526
5526
  }
5527
5527
 
5528
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5529
+ @if $grid-skin == 'highcontrast' {
5530
+ margin-right: 38px;
5531
+ }
5532
+ }
5533
+
5528
5534
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5529
5535
  .e-filterbardropdown {
5530
5536
  border: transparent;
@@ -7760,10 +7766,10 @@ $grid-checkmark-color: $primary-text-color !default;
7760
7766
  }
7761
7767
  & .e-btn {
7762
7768
  @if $grid-skin != 'fluent2' {
7769
+ color: $grid-responsive-custom-header-btn-color;
7763
7770
  background: none;
7764
7771
  }
7765
7772
  border: 0;
7766
- color: $grid-responsive-custom-header-btn-color;
7767
7773
  }
7768
7774
  & .e-btn .e-icon-filter-clear {
7769
7775
  @if $grid-skin == 'fluent2' {
@@ -570,7 +570,7 @@ $grid-animator-drag-margin-left: 0 !default;
570
570
  $grid-animator-first-group: 16px 0 16px 16px !default;
571
571
  $grid-animator-rtl-first-group: 16px 16px 16px 0 !default;
572
572
  $grid-animator-margin-top-rtl: 21px !default;
573
- $grid-filterbar-dropdown: 29px !default;
573
+ $grid-filterbar-dropdown: 30px !default;
574
574
  $grid-responsive-close-icon-margin: 8px !default;
575
575
  $grid-responsive-custom-header-margin: 18px 8px 18px 8px !default;
576
576
  $grid-responsive-custom-header-btn-color: $grid-filtered-color !default;
@@ -5509,6 +5509,12 @@ $grid-checkmark-color: $selection-font !default;
5509
5509
  margin-right: $grid-filterbar-dropdown;
5510
5510
  }
5511
5511
 
5512
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5513
+ @if $grid-skin == 'highcontrast' {
5514
+ margin-right: 38px;
5515
+ }
5516
+ }
5517
+
5512
5518
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5513
5519
  .e-filterbardropdown {
5514
5520
  border: transparent;