@syncfusion/blazor-themes 25.1.41 → 25.2.3

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 (145) hide show
  1. package/SCSS-Themes/bds-dark.scss +20 -12
  2. package/SCSS-Themes/bds.scss +20 -12
  3. package/SCSS-Themes/bootstrap-dark.scss +20 -12
  4. package/SCSS-Themes/bootstrap.scss +20 -12
  5. package/SCSS-Themes/bootstrap4.scss +20 -12
  6. package/SCSS-Themes/bootstrap5-dark.scss +20 -14
  7. package/SCSS-Themes/bootstrap5.scss +20 -14
  8. package/SCSS-Themes/fabric-dark.scss +20 -12
  9. package/SCSS-Themes/fabric.scss +20 -12
  10. package/SCSS-Themes/fluent-dark.scss +20 -12
  11. package/SCSS-Themes/fluent.scss +20 -12
  12. package/SCSS-Themes/highcontrast.scss +20 -12
  13. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +2 -2
  14. package/SCSS-Themes/image-editor/image-editor/bds.scss +2 -2
  15. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +2 -2
  16. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +2 -2
  17. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +2 -2
  18. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +2 -2
  19. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +2 -2
  20. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +2 -2
  21. package/SCSS-Themes/image-editor/image-editor/fabric.scss +2 -2
  22. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +2 -2
  23. package/SCSS-Themes/image-editor/image-editor/fluent.scss +2 -2
  24. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +2 -2
  25. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +2 -2
  26. package/SCSS-Themes/image-editor/image-editor/material.scss +2 -2
  27. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +2 -2
  28. package/SCSS-Themes/image-editor/image-editor/material3.scss +2 -2
  29. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +2 -2
  30. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +2 -2
  31. package/SCSS-Themes/inputs/input/bds-dark.scss +2 -2
  32. package/SCSS-Themes/inputs/input/bds.scss +2 -2
  33. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +2 -2
  34. package/SCSS-Themes/inputs/input/bootstrap.scss +2 -2
  35. package/SCSS-Themes/inputs/input/bootstrap4.scss +2 -2
  36. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +2 -2
  37. package/SCSS-Themes/inputs/input/bootstrap5.scss +2 -2
  38. package/SCSS-Themes/inputs/input/fabric-dark.scss +2 -2
  39. package/SCSS-Themes/inputs/input/fabric.scss +2 -2
  40. package/SCSS-Themes/inputs/input/fluent-dark.scss +2 -2
  41. package/SCSS-Themes/inputs/input/fluent.scss +2 -2
  42. package/SCSS-Themes/inputs/input/highcontrast.scss +2 -2
  43. package/SCSS-Themes/inputs/input/material-dark.scss +2 -2
  44. package/SCSS-Themes/inputs/input/material.scss +2 -2
  45. package/SCSS-Themes/inputs/input/material3-dark.scss +2 -2
  46. package/SCSS-Themes/inputs/input/material3.scss +2 -2
  47. package/SCSS-Themes/inputs/input/tailwind-dark.scss +2 -2
  48. package/SCSS-Themes/inputs/input/tailwind.scss +2 -2
  49. package/SCSS-Themes/material-dark.scss +20 -12
  50. package/SCSS-Themes/material.scss +20 -12
  51. package/SCSS-Themes/material3-dark.scss +20 -12
  52. package/SCSS-Themes/material3.scss +20 -12
  53. package/SCSS-Themes/navigations/context-menu/bds-dark.scss +6 -0
  54. package/SCSS-Themes/navigations/context-menu/bds.scss +6 -0
  55. package/SCSS-Themes/navigations/context-menu/bootstrap-dark.scss +6 -0
  56. package/SCSS-Themes/navigations/context-menu/bootstrap.scss +6 -0
  57. package/SCSS-Themes/navigations/context-menu/bootstrap4.scss +6 -0
  58. package/SCSS-Themes/navigations/context-menu/bootstrap5-dark.scss +6 -0
  59. package/SCSS-Themes/navigations/context-menu/bootstrap5.scss +6 -0
  60. package/SCSS-Themes/navigations/context-menu/fabric-dark.scss +6 -0
  61. package/SCSS-Themes/navigations/context-menu/fabric.scss +6 -0
  62. package/SCSS-Themes/navigations/context-menu/fluent-dark.scss +6 -0
  63. package/SCSS-Themes/navigations/context-menu/fluent.scss +6 -0
  64. package/SCSS-Themes/navigations/context-menu/highcontrast.scss +6 -0
  65. package/SCSS-Themes/navigations/context-menu/material-dark.scss +6 -0
  66. package/SCSS-Themes/navigations/context-menu/material.scss +6 -0
  67. package/SCSS-Themes/navigations/context-menu/material3-dark.scss +6 -0
  68. package/SCSS-Themes/navigations/context-menu/material3.scss +6 -0
  69. package/SCSS-Themes/navigations/context-menu/tailwind-dark.scss +6 -0
  70. package/SCSS-Themes/navigations/context-menu/tailwind.scss +6 -0
  71. package/SCSS-Themes/navigations/toolbar/bds-dark.scss +1 -0
  72. package/SCSS-Themes/navigations/toolbar/bds.scss +1 -0
  73. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +1 -0
  74. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +1 -0
  75. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +1 -0
  76. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +1 -0
  77. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +1 -0
  78. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +1 -0
  79. package/SCSS-Themes/navigations/toolbar/fabric.scss +1 -0
  80. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +1 -0
  81. package/SCSS-Themes/navigations/toolbar/fluent.scss +1 -0
  82. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +1 -0
  83. package/SCSS-Themes/navigations/toolbar/material-dark.scss +1 -0
  84. package/SCSS-Themes/navigations/toolbar/material.scss +1 -0
  85. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +1 -0
  86. package/SCSS-Themes/navigations/toolbar/material3.scss +1 -0
  87. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +1 -0
  88. package/SCSS-Themes/navigations/toolbar/tailwind.scss +1 -0
  89. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +2 -2
  90. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +2 -2
  91. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +2 -2
  92. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +2 -2
  93. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +2 -2
  94. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +2 -4
  95. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +2 -4
  96. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +2 -2
  97. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +2 -2
  98. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +2 -2
  99. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +2 -2
  100. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +2 -2
  101. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +2 -2
  102. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +2 -2
  103. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +2 -2
  104. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +2 -2
  105. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +2 -2
  106. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +2 -2
  107. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +6 -5
  108. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +6 -5
  109. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +6 -5
  110. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +6 -5
  111. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +6 -5
  112. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -5
  113. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -5
  114. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +6 -5
  115. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +6 -5
  116. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -5
  117. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -5
  118. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +6 -5
  119. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +6 -5
  120. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -5
  121. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -5
  122. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -5
  123. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -5
  124. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -5
  125. package/SCSS-Themes/schedule/schedule/bds-dark.scss +1 -1
  126. package/SCSS-Themes/schedule/schedule/bds.scss +1 -1
  127. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +1 -1
  128. package/SCSS-Themes/schedule/schedule/bootstrap.scss +1 -1
  129. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +1 -1
  130. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +1 -1
  131. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +1 -1
  132. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +1 -1
  133. package/SCSS-Themes/schedule/schedule/fabric.scss +1 -1
  134. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +1 -1
  135. package/SCSS-Themes/schedule/schedule/fluent.scss +1 -1
  136. package/SCSS-Themes/schedule/schedule/highcontrast.scss +1 -1
  137. package/SCSS-Themes/schedule/schedule/material-dark.scss +1 -1
  138. package/SCSS-Themes/schedule/schedule/material.scss +1 -1
  139. package/SCSS-Themes/schedule/schedule/material3-dark.scss +1 -1
  140. package/SCSS-Themes/schedule/schedule/material3.scss +1 -1
  141. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +1 -1
  142. package/SCSS-Themes/schedule/schedule/tailwind.scss +1 -1
  143. package/SCSS-Themes/tailwind-dark.scss +20 -12
  144. package/SCSS-Themes/tailwind.scss +20 -12
  145. package/package.json +1 -1
@@ -385,6 +385,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
385
385
  @include bigger-rtl-blank-icon;
386
386
  }
387
387
  }
388
+
389
+ .e-contextmenu-wrapper .e-menu-item {
390
+ white-space: nowrap;
391
+ overflow: hidden;
392
+ text-overflow: ellipsis;
393
+ }
388
394
  }
389
395
 
390
396
 
@@ -373,6 +373,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
373
373
  @include bigger-rtl-blank-icon;
374
374
  }
375
375
  }
376
+
377
+ .e-contextmenu-wrapper .e-menu-item {
378
+ white-space: nowrap;
379
+ overflow: hidden;
380
+ text-overflow: ellipsis;
381
+ }
376
382
  }
377
383
 
378
384
 
@@ -370,6 +370,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
370
370
  @include bigger-rtl-blank-icon;
371
371
  }
372
372
  }
373
+
374
+ .e-contextmenu-wrapper .e-menu-item {
375
+ white-space: nowrap;
376
+ overflow: hidden;
377
+ text-overflow: ellipsis;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -370,6 +370,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
370
370
  @include bigger-rtl-blank-icon;
371
371
  }
372
372
  }
373
+
374
+ .e-contextmenu-wrapper .e-menu-item {
375
+ white-space: nowrap;
376
+ overflow: hidden;
377
+ text-overflow: ellipsis;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -373,6 +373,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
373
373
  @include bigger-rtl-blank-icon;
374
374
  }
375
375
  }
376
+
377
+ .e-contextmenu-wrapper .e-menu-item {
378
+ white-space: nowrap;
379
+ overflow: hidden;
380
+ text-overflow: ellipsis;
381
+ }
376
382
  }
377
383
 
378
384
 
@@ -370,6 +370,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
370
370
  @include bigger-rtl-blank-icon;
371
371
  }
372
372
  }
373
+
374
+ .e-contextmenu-wrapper .e-menu-item {
375
+ white-space: nowrap;
376
+ overflow: hidden;
377
+ text-overflow: ellipsis;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: $icon-color !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: $icon-color !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -370,6 +370,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
370
370
  @include bigger-rtl-blank-icon;
371
371
  }
372
372
  }
373
+
374
+ .e-contextmenu-wrapper .e-menu-item {
375
+ white-space: nowrap;
376
+ overflow: hidden;
377
+ text-overflow: ellipsis;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -373,6 +373,12 @@ $cmenu-li-selected-outline-offset: 0 !default;
373
373
  @include bigger-rtl-blank-icon;
374
374
  }
375
375
  }
376
+
377
+ .e-contextmenu-wrapper .e-menu-item {
378
+ white-space: nowrap;
379
+ overflow: hidden;
380
+ text-overflow: ellipsis;
381
+ }
376
382
  }
377
383
 
378
384
 
@@ -370,6 +370,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
370
370
  @include bigger-rtl-blank-icon;
371
371
  }
372
372
  }
373
+
374
+ .e-contextmenu-wrapper .e-menu-item {
375
+ white-space: nowrap;
376
+ overflow: hidden;
377
+ text-overflow: ellipsis;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -372,6 +372,12 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
372
372
  @include bigger-rtl-blank-icon;
373
373
  }
374
374
  }
375
+
376
+ .e-contextmenu-wrapper .e-menu-item {
377
+ white-space: nowrap;
378
+ overflow: hidden;
379
+ text-overflow: ellipsis;
380
+ }
375
381
  }
376
382
 
377
383
 
@@ -373,6 +373,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
373
373
  @include bigger-rtl-blank-icon;
374
374
  }
375
375
  }
376
+
377
+ .e-contextmenu-wrapper .e-menu-item {
378
+ white-space: nowrap;
379
+ overflow: hidden;
380
+ text-overflow: ellipsis;
381
+ }
376
382
  }
377
383
 
378
384
 
@@ -373,6 +373,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
373
373
  @include bigger-rtl-blank-icon;
374
374
  }
375
375
  }
376
+
377
+ .e-contextmenu-wrapper .e-menu-item {
378
+ white-space: nowrap;
379
+ overflow: hidden;
380
+ text-overflow: ellipsis;
381
+ }
376
382
  }
377
383
 
378
384
 
@@ -972,6 +972,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
972
972
  }
973
973
 
974
974
  &:not(.e-separator) {
975
+ height: $tbar-item-height;
975
976
  min-width: 34px;
976
977
  padding: $tbar-item-pop-nrml-padding;
977
978
  }
@@ -972,6 +972,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
972
972
  }
973
973
 
974
974
  &:not(.e-separator) {
975
+ height: $tbar-item-height;
975
976
  min-width: 34px;
976
977
  padding: $tbar-item-pop-nrml-padding;
977
978
  }
@@ -965,6 +965,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
965
965
  }
966
966
 
967
967
  &:not(.e-separator) {
968
+ height: $tbar-item-height;
968
969
  min-width: 34px;
969
970
  padding: $tbar-item-pop-nrml-padding;
970
971
  }
@@ -963,6 +963,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
963
963
  }
964
964
 
965
965
  &:not(.e-separator) {
966
+ height: $tbar-item-height;
966
967
  min-width: 34px;
967
968
  padding: $tbar-item-pop-nrml-padding;
968
969
  }
@@ -968,6 +968,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
968
968
  }
969
969
 
970
970
  &:not(.e-separator) {
971
+ height: $tbar-item-height;
971
972
  min-width: 34px;
972
973
  padding: $tbar-item-pop-nrml-padding;
973
974
  }
@@ -977,6 +977,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
977
977
  }
978
978
 
979
979
  &:not(.e-separator) {
980
+ height: $tbar-item-height;
980
981
  min-width: 34px;
981
982
  padding: $tbar-item-pop-nrml-padding;
982
983
  }
@@ -977,6 +977,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
977
977
  }
978
978
 
979
979
  &:not(.e-separator) {
980
+ height: $tbar-item-height;
980
981
  min-width: 34px;
981
982
  padding: $tbar-item-pop-nrml-padding;
982
983
  }
@@ -979,6 +979,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
979
979
  }
980
980
 
981
981
  &:not(.e-separator) {
982
+ height: $tbar-item-height;
982
983
  min-width: 34px;
983
984
  padding: $tbar-item-pop-nrml-padding;
984
985
  }
@@ -965,6 +965,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
965
965
  }
966
966
 
967
967
  &:not(.e-separator) {
968
+ height: $tbar-item-height;
968
969
  min-width: 34px;
969
970
  padding: $tbar-item-pop-nrml-padding;
970
971
  }
@@ -967,6 +967,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
967
967
  }
968
968
 
969
969
  &:not(.e-separator) {
970
+ height: $tbar-item-height;
970
971
  min-width: 34px;
971
972
  padding: $tbar-item-pop-nrml-padding;
972
973
  }
@@ -967,6 +967,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
967
967
  }
968
968
 
969
969
  &:not(.e-separator) {
970
+ height: $tbar-item-height;
970
971
  min-width: 34px;
971
972
  padding: $tbar-item-pop-nrml-padding;
972
973
  }
@@ -975,6 +975,7 @@ $tbar-popup-btn-hover-border-size: 2px !default;
975
975
  }
976
976
 
977
977
  &:not(.e-separator) {
978
+ height: $tbar-item-height;
978
979
  min-width: 34px;
979
980
  padding: $tbar-item-pop-nrml-padding;
980
981
  }
@@ -1004,6 +1004,7 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
1004
1004
  }
1005
1005
 
1006
1006
  &:not(.e-separator) {
1007
+ height: $tbar-item-height;
1007
1008
  min-width: 34px;
1008
1009
  padding: $tbar-item-pop-nrml-padding;
1009
1010
  }
@@ -992,6 +992,7 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
992
992
  }
993
993
 
994
994
  &:not(.e-separator) {
995
+ height: $tbar-item-height;
995
996
  min-width: 34px;
996
997
  padding: $tbar-item-pop-nrml-padding;
997
998
  }
@@ -977,6 +977,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
977
977
  }
978
978
 
979
979
  &:not(.e-separator) {
980
+ height: $tbar-item-height;
980
981
  min-width: 34px;
981
982
  padding: $tbar-item-pop-nrml-padding;
982
983
  }
@@ -977,6 +977,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
977
977
  }
978
978
 
979
979
  &:not(.e-separator) {
980
+ height: $tbar-item-height;
980
981
  min-width: 34px;
981
982
  padding: $tbar-item-pop-nrml-padding;
982
983
  }
@@ -967,6 +967,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
967
967
  }
968
968
 
969
969
  &:not(.e-separator) {
970
+ height: $tbar-item-height;
970
971
  min-width: 34px;
971
972
  padding: $tbar-item-pop-nrml-padding;
972
973
  }
@@ -967,6 +967,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
967
967
  }
968
968
 
969
969
  &:not(.e-separator) {
970
+ height: $tbar-item-height;
970
971
  min-width: 34px;
971
972
  padding: $tbar-item-pop-nrml-padding;
972
973
  }
@@ -2788,7 +2788,7 @@ $lg-desktop: 1399.98;
2788
2788
 
2789
2789
  .e-pv-search-btn.e-btn {
2790
2790
  background-color: transparent;
2791
- @if $skin-name == 'bootstrap4' {
2791
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2792
2792
  color: $pv-icon-color;
2793
2793
  }
2794
2794
  border: 0;
@@ -2796,7 +2796,7 @@ $lg-desktop: 1399.98;
2796
2796
  height: $pv-search-btn-height;
2797
2797
  margin-top: $pv-search-btn-margin-top;
2798
2798
  width: $pv-search-btn-width;
2799
- @if $skin-name == 'FluentUI' {
2799
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2800
2800
  padding-bottom: 0;
2801
2801
  padding-left: 1px;
2802
2802
  padding-right: 1px;
@@ -2788,7 +2788,7 @@ $lg-desktop: 1399.98;
2788
2788
 
2789
2789
  .e-pv-search-btn.e-btn {
2790
2790
  background-color: transparent;
2791
- @if $skin-name == 'bootstrap4' {
2791
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2792
2792
  color: $pv-icon-color;
2793
2793
  }
2794
2794
  border: 0;
@@ -2796,7 +2796,7 @@ $lg-desktop: 1399.98;
2796
2796
  height: $pv-search-btn-height;
2797
2797
  margin-top: $pv-search-btn-margin-top;
2798
2798
  width: $pv-search-btn-width;
2799
- @if $skin-name == 'FluentUI' {
2799
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2800
2800
  padding-bottom: 0;
2801
2801
  padding-left: 1px;
2802
2802
  padding-right: 1px;
@@ -2785,7 +2785,7 @@ $lg-desktop: 1399.98;
2785
2785
 
2786
2786
  .e-pv-search-btn.e-btn {
2787
2787
  background-color: transparent;
2788
- @if $skin-name == 'bootstrap4' {
2788
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2789
2789
  color: $pv-icon-color;
2790
2790
  }
2791
2791
  border: 0;
@@ -2793,7 +2793,7 @@ $lg-desktop: 1399.98;
2793
2793
  height: $pv-search-btn-height;
2794
2794
  margin-top: $pv-search-btn-margin-top;
2795
2795
  width: $pv-search-btn-width;
2796
- @if $skin-name == 'FluentUI' {
2796
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2797
2797
  padding-bottom: 0;
2798
2798
  padding-left: 1px;
2799
2799
  padding-right: 1px;
@@ -2785,7 +2785,7 @@ $lg-desktop: 1399.98;
2785
2785
 
2786
2786
  .e-pv-search-btn.e-btn {
2787
2787
  background-color: transparent;
2788
- @if $skin-name == 'bootstrap4' {
2788
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2789
2789
  color: $pv-icon-color;
2790
2790
  }
2791
2791
  border: 0;
@@ -2793,7 +2793,7 @@ $lg-desktop: 1399.98;
2793
2793
  height: $pv-search-btn-height;
2794
2794
  margin-top: $pv-search-btn-margin-top;
2795
2795
  width: $pv-search-btn-width;
2796
- @if $skin-name == 'FluentUI' {
2796
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2797
2797
  padding-bottom: 0;
2798
2798
  padding-left: 1px;
2799
2799
  padding-right: 1px;
@@ -2831,7 +2831,7 @@ $lg-desktop: 1399.98;
2831
2831
 
2832
2832
  .e-pv-search-btn.e-btn {
2833
2833
  background-color: transparent;
2834
- @if $skin-name == 'bootstrap4' {
2834
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2835
2835
  color: $pv-icon-color;
2836
2836
  }
2837
2837
  border: 0;
@@ -2839,7 +2839,7 @@ $lg-desktop: 1399.98;
2839
2839
  height: $pv-search-btn-height;
2840
2840
  margin-top: $pv-search-btn-margin-top;
2841
2841
  width: $pv-search-btn-width;
2842
- @if $skin-name == 'FluentUI' {
2842
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2843
2843
  padding-bottom: 0;
2844
2844
  padding-left: 1px;
2845
2845
  padding-right: 1px;
@@ -2779,7 +2779,7 @@ $lg-desktop: 1399.98;
2779
2779
 
2780
2780
  .e-pv-search-btn.e-btn {
2781
2781
  background-color: transparent;
2782
- @if $skin-name == 'bootstrap4' {
2782
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2783
2783
  color: $pv-icon-color;
2784
2784
  }
2785
2785
  border: 0;
@@ -2787,7 +2787,7 @@ $lg-desktop: 1399.98;
2787
2787
  height: $pv-search-btn-height;
2788
2788
  margin-top: $pv-search-btn-margin-top;
2789
2789
  width: $pv-search-btn-width;
2790
- @if $skin-name == 'FluentUI' {
2790
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2791
2791
  padding-bottom: 0;
2792
2792
  padding-left: 1px;
2793
2793
  padding-right: 1px;
@@ -6082,7 +6082,6 @@ $lg-desktop: 1399.98;
6082
6082
  }
6083
6083
 
6084
6084
  .e-pv-prev-search-icon::before {
6085
- color: $icon-color;
6086
6085
  content: '\e765';
6087
6086
  }
6088
6087
 
@@ -6091,7 +6090,6 @@ $lg-desktop: 1399.98;
6091
6090
  }
6092
6091
 
6093
6092
  .e-pv-next-search-icon::before {
6094
- color: $icon-color;
6095
6093
  content: '\e748';
6096
6094
  }
6097
6095
 
@@ -2779,7 +2779,7 @@ $lg-desktop: 1399.98;
2779
2779
 
2780
2780
  .e-pv-search-btn.e-btn {
2781
2781
  background-color: transparent;
2782
- @if $skin-name == 'bootstrap4' {
2782
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2783
2783
  color: $pv-icon-color;
2784
2784
  }
2785
2785
  border: 0;
@@ -2787,7 +2787,7 @@ $lg-desktop: 1399.98;
2787
2787
  height: $pv-search-btn-height;
2788
2788
  margin-top: $pv-search-btn-margin-top;
2789
2789
  width: $pv-search-btn-width;
2790
- @if $skin-name == 'FluentUI' {
2790
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2791
2791
  padding-bottom: 0;
2792
2792
  padding-left: 1px;
2793
2793
  padding-right: 1px;
@@ -6082,7 +6082,6 @@ $lg-desktop: 1399.98;
6082
6082
  }
6083
6083
 
6084
6084
  .e-pv-prev-search-icon::before {
6085
- color: $icon-color;
6086
6085
  content: '\e765';
6087
6086
  }
6088
6087
 
@@ -6091,7 +6090,6 @@ $lg-desktop: 1399.98;
6091
6090
  }
6092
6091
 
6093
6092
  .e-pv-next-search-icon::before {
6094
- color: $icon-color;
6095
6093
  content: '\e748';
6096
6094
  }
6097
6095
 
@@ -2782,7 +2782,7 @@ $lg-desktop: 1399.98;
2782
2782
 
2783
2783
  .e-pv-search-btn.e-btn {
2784
2784
  background-color: transparent;
2785
- @if $skin-name == 'bootstrap4' {
2785
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2786
2786
  color: $pv-icon-color;
2787
2787
  }
2788
2788
  border: 0;
@@ -2790,7 +2790,7 @@ $lg-desktop: 1399.98;
2790
2790
  height: $pv-search-btn-height;
2791
2791
  margin-top: $pv-search-btn-margin-top;
2792
2792
  width: $pv-search-btn-width;
2793
- @if $skin-name == 'FluentUI' {
2793
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2794
2794
  padding-bottom: 0;
2795
2795
  padding-left: 1px;
2796
2796
  padding-right: 1px;
@@ -2784,7 +2784,7 @@ $lg-desktop: 1399.98;
2784
2784
 
2785
2785
  .e-pv-search-btn.e-btn {
2786
2786
  background-color: transparent;
2787
- @if $skin-name == 'bootstrap4' {
2787
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2788
2788
  color: $pv-icon-color;
2789
2789
  }
2790
2790
  border: 0;
@@ -2792,7 +2792,7 @@ $lg-desktop: 1399.98;
2792
2792
  height: $pv-search-btn-height;
2793
2793
  margin-top: $pv-search-btn-margin-top;
2794
2794
  width: $pv-search-btn-width;
2795
- @if $skin-name == 'FluentUI' {
2795
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2796
2796
  padding-bottom: 0;
2797
2797
  padding-left: 1px;
2798
2798
  padding-right: 1px;
@@ -2786,7 +2786,7 @@ $lg-desktop: 1399.98;
2786
2786
 
2787
2787
  .e-pv-search-btn.e-btn {
2788
2788
  background-color: transparent;
2789
- @if $skin-name == 'bootstrap4' {
2789
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2790
2790
  color: $pv-icon-color;
2791
2791
  }
2792
2792
  border: 0;
@@ -2794,7 +2794,7 @@ $lg-desktop: 1399.98;
2794
2794
  height: $pv-search-btn-height;
2795
2795
  margin-top: $pv-search-btn-margin-top;
2796
2796
  width: $pv-search-btn-width;
2797
- @if $skin-name == 'FluentUI' {
2797
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2798
2798
  padding-bottom: 0;
2799
2799
  padding-left: 1px;
2800
2800
  padding-right: 1px;
@@ -2786,7 +2786,7 @@ $lg-desktop: 1399.98;
2786
2786
 
2787
2787
  .e-pv-search-btn.e-btn {
2788
2788
  background-color: transparent;
2789
- @if $skin-name == 'bootstrap4' {
2789
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2790
2790
  color: $pv-icon-color;
2791
2791
  }
2792
2792
  border: 0;
@@ -2794,7 +2794,7 @@ $lg-desktop: 1399.98;
2794
2794
  height: $pv-search-btn-height;
2795
2795
  margin-top: $pv-search-btn-margin-top;
2796
2796
  width: $pv-search-btn-width;
2797
- @if $skin-name == 'FluentUI' {
2797
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2798
2798
  padding-bottom: 0;
2799
2799
  padding-left: 1px;
2800
2800
  padding-right: 1px;
@@ -2784,7 +2784,7 @@ $lg-desktop: 1399.98;
2784
2784
 
2785
2785
  .e-pv-search-btn.e-btn {
2786
2786
  background-color: transparent;
2787
- @if $skin-name == 'bootstrap4' {
2787
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
2788
2788
  color: $pv-icon-color;
2789
2789
  }
2790
2790
  border: 0;
@@ -2792,7 +2792,7 @@ $lg-desktop: 1399.98;
2792
2792
  height: $pv-search-btn-height;
2793
2793
  margin-top: $pv-search-btn-margin-top;
2794
2794
  width: $pv-search-btn-width;
2795
- @if $skin-name == 'FluentUI' {
2795
+ @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark') {
2796
2796
  padding-bottom: 0;
2797
2797
  padding-left: 1px;
2798
2798
  padding-right: 1px;