@syncfusion/blazor-themes 20.3.52 → 20.3.57

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 (170) hide show
  1. package/SCSS-Themes/base/bootstrap-dark.scss +29 -1
  2. package/SCSS-Themes/base/bootstrap.scss +29 -1
  3. package/SCSS-Themes/base/bootstrap4.scss +599 -571
  4. package/SCSS-Themes/base/bootstrap5-dark.scss +457 -429
  5. package/SCSS-Themes/base/bootstrap5.scss +457 -429
  6. package/SCSS-Themes/base/fabric-dark.scss +29 -1
  7. package/SCSS-Themes/base/fabric.scss +29 -1
  8. package/SCSS-Themes/base/fluent-dark.scss +457 -429
  9. package/SCSS-Themes/base/fluent.scss +457 -429
  10. package/SCSS-Themes/base/highcontrast.scss +29 -1
  11. package/SCSS-Themes/base/material-dark.scss +29 -1
  12. package/SCSS-Themes/base/material.scss +29 -1
  13. package/SCSS-Themes/base/tailwind-dark.scss +29 -1
  14. package/SCSS-Themes/base/tailwind.scss +29 -1
  15. package/SCSS-Themes/bootstrap-dark.scss +95 -95
  16. package/SCSS-Themes/bootstrap.scss +93 -93
  17. package/SCSS-Themes/bootstrap4.scss +669 -669
  18. package/SCSS-Themes/bootstrap5-dark.scss +528 -527
  19. package/SCSS-Themes/bootstrap5.scss +528 -527
  20. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +3 -0
  21. package/SCSS-Themes/buttons/check-box/bootstrap.scss +3 -0
  22. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +3 -0
  23. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +3 -0
  24. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +3 -0
  25. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +3 -0
  26. package/SCSS-Themes/buttons/check-box/fabric.scss +3 -0
  27. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +3 -0
  28. package/SCSS-Themes/buttons/check-box/fluent.scss +3 -0
  29. package/SCSS-Themes/buttons/check-box/highcontrast.scss +3 -0
  30. package/SCSS-Themes/buttons/check-box/material-dark.scss +3 -0
  31. package/SCSS-Themes/buttons/check-box/material.scss +3 -0
  32. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +3 -0
  33. package/SCSS-Themes/buttons/check-box/tailwind.scss +3 -0
  34. package/SCSS-Themes/buttons/floating-action-button/bootstrap-dark.scss +9 -1
  35. package/SCSS-Themes/buttons/floating-action-button/bootstrap.scss +9 -1
  36. package/SCSS-Themes/buttons/floating-action-button/bootstrap4.scss +9 -1
  37. package/SCSS-Themes/buttons/floating-action-button/bootstrap5-dark.scss +9 -1
  38. package/SCSS-Themes/buttons/floating-action-button/bootstrap5.scss +9 -1
  39. package/SCSS-Themes/buttons/floating-action-button/fabric-dark.scss +9 -1
  40. package/SCSS-Themes/buttons/floating-action-button/fabric.scss +9 -1
  41. package/SCSS-Themes/buttons/floating-action-button/fluent-dark.scss +9 -1
  42. package/SCSS-Themes/buttons/floating-action-button/fluent.scss +9 -1
  43. package/SCSS-Themes/buttons/floating-action-button/highcontrast.scss +9 -1
  44. package/SCSS-Themes/buttons/floating-action-button/material-dark.scss +9 -1
  45. package/SCSS-Themes/buttons/floating-action-button/material.scss +9 -1
  46. package/SCSS-Themes/buttons/floating-action-button/tailwind-dark.scss +10 -1
  47. package/SCSS-Themes/buttons/floating-action-button/tailwind.scss +10 -1
  48. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +9 -30
  49. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +9 -30
  50. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +7 -28
  51. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +9 -29
  52. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +9 -29
  53. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +7 -28
  54. package/SCSS-Themes/buttons/speed-dial/fabric.scss +7 -28
  55. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +8 -29
  56. package/SCSS-Themes/buttons/speed-dial/fluent.scss +8 -29
  57. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +7 -28
  58. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +7 -28
  59. package/SCSS-Themes/buttons/speed-dial/material.scss +7 -28
  60. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +8 -29
  61. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +8 -29
  62. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +1 -1
  63. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +9 -1
  64. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +9 -1
  65. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +9 -1
  66. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +9 -1
  67. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +9 -1
  68. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +9 -1
  69. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +9 -1
  70. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +9 -1
  71. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +9 -1
  72. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +9 -1
  73. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +9 -1
  74. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +9 -1
  75. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +9 -1
  76. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +9 -1
  77. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +4 -0
  78. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +4 -0
  79. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +4 -0
  80. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +4 -0
  82. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +4 -0
  83. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +4 -0
  84. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +4 -0
  85. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +4 -0
  86. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +4 -0
  87. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -0
  88. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -0
  89. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +4 -0
  90. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +4 -0
  91. package/SCSS-Themes/fabric-dark.scss +99 -99
  92. package/SCSS-Themes/fabric.scss +98 -98
  93. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +0 -19
  94. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +0 -19
  95. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +0 -19
  96. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +0 -19
  97. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +0 -19
  98. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +0 -19
  99. package/SCSS-Themes/filemanager/file-manager/fabric.scss +0 -19
  100. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +0 -19
  101. package/SCSS-Themes/filemanager/file-manager/fluent.scss +0 -19
  102. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +0 -19
  103. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +0 -19
  104. package/SCSS-Themes/filemanager/file-manager/material.scss +0 -19
  105. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +0 -19
  106. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +0 -19
  107. package/SCSS-Themes/fluent-dark.scss +521 -521
  108. package/SCSS-Themes/fluent.scss +521 -521
  109. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +21 -20
  110. package/SCSS-Themes/grids/grid/bootstrap.scss +19 -18
  111. package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -25
  112. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +23 -22
  113. package/SCSS-Themes/grids/grid/bootstrap5.scss +23 -22
  114. package/SCSS-Themes/grids/grid/fabric-dark.scss +27 -26
  115. package/SCSS-Themes/grids/grid/fabric.scss +25 -24
  116. package/SCSS-Themes/grids/grid/fluent-dark.scss +17 -16
  117. package/SCSS-Themes/grids/grid/fluent.scss +17 -16
  118. package/SCSS-Themes/grids/grid/highcontrast.scss +26 -25
  119. package/SCSS-Themes/grids/grid/material-dark.scss +26 -25
  120. package/SCSS-Themes/grids/grid/material.scss +25 -24
  121. package/SCSS-Themes/grids/grid/tailwind-dark.scss +14 -13
  122. package/SCSS-Themes/grids/grid/tailwind.scss +14 -13
  123. package/SCSS-Themes/highcontrast.scss +98 -98
  124. package/SCSS-Themes/material-dark.scss +98 -98
  125. package/SCSS-Themes/material.scss +97 -97
  126. package/SCSS-Themes/navigations/tab/bootstrap-dark.scss +6 -19
  127. package/SCSS-Themes/navigations/tab/bootstrap.scss +6 -19
  128. package/SCSS-Themes/navigations/tab/bootstrap4.scss +6 -19
  129. package/SCSS-Themes/navigations/tab/bootstrap5-dark.scss +6 -19
  130. package/SCSS-Themes/navigations/tab/bootstrap5.scss +6 -19
  131. package/SCSS-Themes/navigations/tab/fabric-dark.scss +6 -19
  132. package/SCSS-Themes/navigations/tab/fabric.scss +6 -19
  133. package/SCSS-Themes/navigations/tab/fluent-dark.scss +6 -19
  134. package/SCSS-Themes/navigations/tab/fluent.scss +6 -19
  135. package/SCSS-Themes/navigations/tab/highcontrast.scss +6 -19
  136. package/SCSS-Themes/navigations/tab/material-dark.scss +6 -19
  137. package/SCSS-Themes/navigations/tab/material.scss +6 -19
  138. package/SCSS-Themes/navigations/tab/tailwind-dark.scss +6 -19
  139. package/SCSS-Themes/navigations/tab/tailwind.scss +6 -19
  140. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +4 -1
  141. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +4 -1
  142. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +4 -1
  143. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +4 -1
  144. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +4 -1
  145. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +4 -1
  146. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +4 -1
  147. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +4 -1
  148. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +4 -1
  149. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +4 -1
  150. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +4 -1
  151. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +4 -1
  152. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +4 -1
  153. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +4 -1
  154. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -3
  155. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -3
  156. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -3
  157. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +1 -3
  158. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +1 -3
  159. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -3
  160. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -3
  161. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +1 -3
  162. package/SCSS-Themes/pivotview/pivotview/fluent.scss +1 -3
  163. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +1 -3
  164. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -3
  165. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -3
  166. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +1 -3
  167. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +1 -3
  168. package/SCSS-Themes/tailwind-dark.scss +88 -87
  169. package/SCSS-Themes/tailwind.scss +88 -87
  170. package/package.json +1 -1
@@ -465,11 +465,6 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
465
465
  height: auto;
466
466
  min-height: auto;
467
467
 
468
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
469
- height: $tab-big-height;
470
- min-height: $tab-big-height;
471
- }
472
-
473
468
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
474
469
  &:not(.e-tbar-pos) .e-toolbar-item:last-child {
475
470
  margin: $tab-big-first-item-margin;
@@ -1185,11 +1180,11 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
1185
1180
 
1186
1181
  &.e-vertical-icon {
1187
1182
 
1188
- .e-tab-header {
1183
+ > .e-tab-header {
1189
1184
  height: $tab-big-tb-icon-height;
1190
1185
  min-height: $tab-big-tb-icon-height;
1191
1186
 
1192
- .e-toolbar-items {
1187
+ > .e-toolbar-items {
1193
1188
  height: $tab-big-tb-icon-height;
1194
1189
  }
1195
1190
 
@@ -1665,7 +1660,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
1665
1660
 
1666
1661
  &.e-vertical-icon {
1667
1662
 
1668
- .e-tab-header {
1663
+ > .e-tab-header {
1669
1664
  height: $tab-big-tb-icon-height - 2;
1670
1665
  min-height: $tab-big-tb-icon-height - 2;
1671
1666
  }
@@ -1942,16 +1937,8 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
1942
1937
  min-height: $tab-nrml-height;
1943
1938
  position: relative;
1944
1939
 
1945
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
1946
- height: $tab-nrml-height;
1947
- min-height: $tab-nrml-height;
1948
- }
1949
-
1950
1940
  @media screen and (max-width: 480px) {
1951
1941
  min-height: $tab-big-height;
1952
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
1953
- height: $tab-big-height;
1954
- }
1955
1942
  }
1956
1943
 
1957
1944
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3260,7 +3247,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
3260
3247
 
3261
3248
  &.e-vertical-icon {
3262
3249
 
3263
- .e-tab-header {
3250
+ > .e-tab-header {
3264
3251
  height: $tab-nrml-tb-icon-height;
3265
3252
  min-height: $tab-nrml-tb-icon-height;
3266
3253
 
@@ -3272,7 +3259,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
3272
3259
  }
3273
3260
  }
3274
3261
 
3275
- .e-toolbar-items {
3262
+ > .e-toolbar-items {
3276
3263
  height: $tab-nrml-tb-icon-height;
3277
3264
  }
3278
3265
 
@@ -3908,7 +3895,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
3908
3895
 
3909
3896
  &.e-vertical-icon {
3910
3897
 
3911
- .e-tab-header {
3898
+ > .e-tab-header {
3912
3899
  height: $tab-nrml-tb-icon-height - 2;
3913
3900
  min-height: $tab-nrml-tb-icon-height - 2;
3914
3901
  }
@@ -437,11 +437,6 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
437
437
  height: auto;
438
438
  min-height: auto;
439
439
 
440
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
441
- height: $tab-big-height;
442
- min-height: $tab-big-height;
443
- }
444
-
445
440
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
446
441
  &:not(.e-tbar-pos) .e-toolbar-item:last-child {
447
442
  margin: $tab-big-first-item-margin;
@@ -1157,11 +1152,11 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
1157
1152
 
1158
1153
  &.e-vertical-icon {
1159
1154
 
1160
- .e-tab-header {
1155
+ > .e-tab-header {
1161
1156
  height: $tab-big-tb-icon-height;
1162
1157
  min-height: $tab-big-tb-icon-height;
1163
1158
 
1164
- .e-toolbar-items {
1159
+ > .e-toolbar-items {
1165
1160
  height: $tab-big-tb-icon-height;
1166
1161
  }
1167
1162
 
@@ -1637,7 +1632,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
1637
1632
 
1638
1633
  &.e-vertical-icon {
1639
1634
 
1640
- .e-tab-header {
1635
+ > .e-tab-header {
1641
1636
  height: $tab-big-tb-icon-height - 2;
1642
1637
  min-height: $tab-big-tb-icon-height - 2;
1643
1638
  }
@@ -1914,16 +1909,8 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
1914
1909
  min-height: $tab-nrml-height;
1915
1910
  position: relative;
1916
1911
 
1917
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
1918
- height: $tab-nrml-height;
1919
- min-height: $tab-nrml-height;
1920
- }
1921
-
1922
1912
  @media screen and (max-width: 480px) {
1923
1913
  min-height: $tab-big-height;
1924
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
1925
- height: $tab-big-height;
1926
- }
1927
1914
  }
1928
1915
 
1929
1916
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3232,7 +3219,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
3232
3219
 
3233
3220
  &.e-vertical-icon {
3234
3221
 
3235
- .e-tab-header {
3222
+ > .e-tab-header {
3236
3223
  height: $tab-nrml-tb-icon-height;
3237
3224
  min-height: $tab-nrml-tb-icon-height;
3238
3225
 
@@ -3244,7 +3231,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
3244
3231
  }
3245
3232
  }
3246
3233
 
3247
- .e-toolbar-items {
3234
+ > .e-toolbar-items {
3248
3235
  height: $tab-nrml-tb-icon-height;
3249
3236
  }
3250
3237
 
@@ -3880,7 +3867,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
3880
3867
 
3881
3868
  &.e-vertical-icon {
3882
3869
 
3883
- .e-tab-header {
3870
+ > .e-tab-header {
3884
3871
  height: $tab-nrml-tb-icon-height - 2;
3885
3872
  min-height: $tab-nrml-tb-icon-height - 2;
3886
3873
  }
@@ -447,11 +447,6 @@ $tab-v-pop-focus-outline: 0 !default;
447
447
  height: auto;
448
448
  min-height: auto;
449
449
 
450
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
451
- height: $tab-big-height;
452
- min-height: $tab-big-height;
453
- }
454
-
455
450
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
456
451
  &:not(.e-tbar-pos) .e-toolbar-item:last-child {
457
452
  margin: $tab-big-first-item-margin;
@@ -1167,11 +1162,11 @@ $tab-v-pop-focus-outline: 0 !default;
1167
1162
 
1168
1163
  &.e-vertical-icon {
1169
1164
 
1170
- .e-tab-header {
1165
+ > .e-tab-header {
1171
1166
  height: $tab-big-tb-icon-height;
1172
1167
  min-height: $tab-big-tb-icon-height;
1173
1168
 
1174
- .e-toolbar-items {
1169
+ > .e-toolbar-items {
1175
1170
  height: $tab-big-tb-icon-height;
1176
1171
  }
1177
1172
 
@@ -1647,7 +1642,7 @@ $tab-v-pop-focus-outline: 0 !default;
1647
1642
 
1648
1643
  &.e-vertical-icon {
1649
1644
 
1650
- .e-tab-header {
1645
+ > .e-tab-header {
1651
1646
  height: $tab-big-tb-icon-height - 2;
1652
1647
  min-height: $tab-big-tb-icon-height - 2;
1653
1648
  }
@@ -1924,16 +1919,8 @@ $tab-v-pop-focus-outline: 0 !default;
1924
1919
  min-height: $tab-nrml-height;
1925
1920
  position: relative;
1926
1921
 
1927
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
1928
- height: $tab-nrml-height;
1929
- min-height: $tab-nrml-height;
1930
- }
1931
-
1932
1922
  @media screen and (max-width: 480px) {
1933
1923
  min-height: $tab-big-height;
1934
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
1935
- height: $tab-big-height;
1936
- }
1937
1924
  }
1938
1925
 
1939
1926
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3242,7 +3229,7 @@ $tab-v-pop-focus-outline: 0 !default;
3242
3229
 
3243
3230
  &.e-vertical-icon {
3244
3231
 
3245
- .e-tab-header {
3232
+ > .e-tab-header {
3246
3233
  height: $tab-nrml-tb-icon-height;
3247
3234
  min-height: $tab-nrml-tb-icon-height;
3248
3235
 
@@ -3254,7 +3241,7 @@ $tab-v-pop-focus-outline: 0 !default;
3254
3241
  }
3255
3242
  }
3256
3243
 
3257
- .e-toolbar-items {
3244
+ > .e-toolbar-items {
3258
3245
  height: $tab-nrml-tb-icon-height;
3259
3246
  }
3260
3247
 
@@ -3890,7 +3877,7 @@ $tab-v-pop-focus-outline: 0 !default;
3890
3877
 
3891
3878
  &.e-vertical-icon {
3892
3879
 
3893
- .e-tab-header {
3880
+ > .e-tab-header {
3894
3881
  height: $tab-nrml-tb-icon-height - 2;
3895
3882
  min-height: $tab-nrml-tb-icon-height - 2;
3896
3883
  }
@@ -450,11 +450,6 @@ $tab-v-pop-focus-outline: 0 !default;
450
450
  height: auto;
451
451
  min-height: auto;
452
452
 
453
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
454
- height: $tab-big-height;
455
- min-height: $tab-big-height;
456
- }
457
-
458
453
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
459
454
  &:not(.e-tbar-pos) .e-toolbar-item:last-child {
460
455
  margin: $tab-big-first-item-margin;
@@ -1170,11 +1165,11 @@ $tab-v-pop-focus-outline: 0 !default;
1170
1165
 
1171
1166
  &.e-vertical-icon {
1172
1167
 
1173
- .e-tab-header {
1168
+ > .e-tab-header {
1174
1169
  height: $tab-big-tb-icon-height;
1175
1170
  min-height: $tab-big-tb-icon-height;
1176
1171
 
1177
- .e-toolbar-items {
1172
+ > .e-toolbar-items {
1178
1173
  height: $tab-big-tb-icon-height;
1179
1174
  }
1180
1175
 
@@ -1650,7 +1645,7 @@ $tab-v-pop-focus-outline: 0 !default;
1650
1645
 
1651
1646
  &.e-vertical-icon {
1652
1647
 
1653
- .e-tab-header {
1648
+ > .e-tab-header {
1654
1649
  height: $tab-big-tb-icon-height - 2;
1655
1650
  min-height: $tab-big-tb-icon-height - 2;
1656
1651
  }
@@ -1927,16 +1922,8 @@ $tab-v-pop-focus-outline: 0 !default;
1927
1922
  min-height: $tab-nrml-height;
1928
1923
  position: relative;
1929
1924
 
1930
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
1931
- height: $tab-nrml-height;
1932
- min-height: $tab-nrml-height;
1933
- }
1934
-
1935
1925
  @media screen and (max-width: 480px) {
1936
1926
  min-height: $tab-big-height;
1937
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
1938
- height: $tab-big-height;
1939
- }
1940
1927
  }
1941
1928
 
1942
1929
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3245,7 +3232,7 @@ $tab-v-pop-focus-outline: 0 !default;
3245
3232
 
3246
3233
  &.e-vertical-icon {
3247
3234
 
3248
- .e-tab-header {
3235
+ > .e-tab-header {
3249
3236
  height: $tab-nrml-tb-icon-height;
3250
3237
  min-height: $tab-nrml-tb-icon-height;
3251
3238
 
@@ -3257,7 +3244,7 @@ $tab-v-pop-focus-outline: 0 !default;
3257
3244
  }
3258
3245
  }
3259
3246
 
3260
- .e-toolbar-items {
3247
+ > .e-toolbar-items {
3261
3248
  height: $tab-nrml-tb-icon-height;
3262
3249
  }
3263
3250
 
@@ -3893,7 +3880,7 @@ $tab-v-pop-focus-outline: 0 !default;
3893
3880
 
3894
3881
  &.e-vertical-icon {
3895
3882
 
3896
- .e-tab-header {
3883
+ > .e-tab-header {
3897
3884
  height: $tab-nrml-tb-icon-height - 2;
3898
3885
  min-height: $tab-nrml-tb-icon-height - 2;
3899
3886
  }
@@ -450,11 +450,6 @@ $tab-v-pop-focus-outline: 0 !default;
450
450
  height: auto;
451
451
  min-height: auto;
452
452
 
453
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
454
- height: $tab-big-height;
455
- min-height: $tab-big-height;
456
- }
457
-
458
453
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
459
454
  &:not(.e-tbar-pos) .e-toolbar-item:last-child {
460
455
  margin: $tab-big-first-item-margin;
@@ -1170,11 +1165,11 @@ $tab-v-pop-focus-outline: 0 !default;
1170
1165
 
1171
1166
  &.e-vertical-icon {
1172
1167
 
1173
- .e-tab-header {
1168
+ > .e-tab-header {
1174
1169
  height: $tab-big-tb-icon-height;
1175
1170
  min-height: $tab-big-tb-icon-height;
1176
1171
 
1177
- .e-toolbar-items {
1172
+ > .e-toolbar-items {
1178
1173
  height: $tab-big-tb-icon-height;
1179
1174
  }
1180
1175
 
@@ -1650,7 +1645,7 @@ $tab-v-pop-focus-outline: 0 !default;
1650
1645
 
1651
1646
  &.e-vertical-icon {
1652
1647
 
1653
- .e-tab-header {
1648
+ > .e-tab-header {
1654
1649
  height: $tab-big-tb-icon-height - 2;
1655
1650
  min-height: $tab-big-tb-icon-height - 2;
1656
1651
  }
@@ -1927,16 +1922,8 @@ $tab-v-pop-focus-outline: 0 !default;
1927
1922
  min-height: $tab-nrml-height;
1928
1923
  position: relative;
1929
1924
 
1930
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
1931
- height: $tab-nrml-height;
1932
- min-height: $tab-nrml-height;
1933
- }
1934
-
1935
1925
  @media screen and (max-width: 480px) {
1936
1926
  min-height: $tab-big-height;
1937
- @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
1938
- height: $tab-big-height;
1939
- }
1940
1927
  }
1941
1928
 
1942
1929
  &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3245,7 +3232,7 @@ $tab-v-pop-focus-outline: 0 !default;
3245
3232
 
3246
3233
  &.e-vertical-icon {
3247
3234
 
3248
- .e-tab-header {
3235
+ > .e-tab-header {
3249
3236
  height: $tab-nrml-tb-icon-height;
3250
3237
  min-height: $tab-nrml-tb-icon-height;
3251
3238
 
@@ -3257,7 +3244,7 @@ $tab-v-pop-focus-outline: 0 !default;
3257
3244
  }
3258
3245
  }
3259
3246
 
3260
- .e-toolbar-items {
3247
+ > .e-toolbar-items {
3261
3248
  height: $tab-nrml-tb-icon-height;
3262
3249
  }
3263
3250
 
@@ -3893,7 +3880,7 @@ $tab-v-pop-focus-outline: 0 !default;
3893
3880
 
3894
3881
  &.e-vertical-icon {
3895
3882
 
3896
- .e-tab-header {
3883
+ > .e-tab-header {
3897
3884
  height: $tab-nrml-tb-icon-height - 2;
3898
3885
  min-height: $tab-nrml-tb-icon-height - 2;
3899
3886
  }
@@ -4853,7 +4853,7 @@ $pv-eye-icon-margin-top: 3px !default;
4853
4853
  }
4854
4854
  }
4855
4855
 
4856
- .e-pv-signature-dialog-height {
4856
+ .e-dialog.e-pv-signature-dialog-height {
4857
4857
  height: $pv-signature-dialog-height;
4858
4858
  @if ($skin-name == 'FluentUI') {
4859
4859
  min-height: $pv-signature-dialog-height;
@@ -4907,6 +4907,9 @@ $pv-eye-icon-margin-top: 3px !default;
4907
4907
  width: 28px;
4908
4908
  }
4909
4909
  }
4910
+ .e-pv-toolbar-tooltip {
4911
+ pointer-events: none;
4912
+ }
4910
4913
  }
4911
4914
 
4912
4915
 
@@ -4853,7 +4853,7 @@ $pv-eye-icon-margin-top: 3px !default;
4853
4853
  }
4854
4854
  }
4855
4855
 
4856
- .e-pv-signature-dialog-height {
4856
+ .e-dialog.e-pv-signature-dialog-height {
4857
4857
  height: $pv-signature-dialog-height;
4858
4858
  @if ($skin-name == 'FluentUI') {
4859
4859
  min-height: $pv-signature-dialog-height;
@@ -4907,6 +4907,9 @@ $pv-eye-icon-margin-top: 3px !default;
4907
4907
  width: 28px;
4908
4908
  }
4909
4909
  }
4910
+ .e-pv-toolbar-tooltip {
4911
+ pointer-events: none;
4912
+ }
4910
4913
  }
4911
4914
 
4912
4915
 
@@ -4899,7 +4899,7 @@ $pv-eye-icon-margin-top: 3px !default;
4899
4899
  }
4900
4900
  }
4901
4901
 
4902
- .e-pv-signature-dialog-height {
4902
+ .e-dialog.e-pv-signature-dialog-height {
4903
4903
  height: $pv-signature-dialog-height;
4904
4904
  @if ($skin-name == 'FluentUI') {
4905
4905
  min-height: $pv-signature-dialog-height;
@@ -4953,6 +4953,9 @@ $pv-eye-icon-margin-top: 3px !default;
4953
4953
  width: 28px;
4954
4954
  }
4955
4955
  }
4956
+ .e-pv-toolbar-tooltip {
4957
+ pointer-events: none;
4958
+ }
4956
4959
  }
4957
4960
 
4958
4961
 
@@ -4847,7 +4847,7 @@ $pv-eye-icon-margin-top: 3px !default;
4847
4847
  }
4848
4848
  }
4849
4849
 
4850
- .e-pv-signature-dialog-height {
4850
+ .e-dialog.e-pv-signature-dialog-height {
4851
4851
  height: $pv-signature-dialog-height;
4852
4852
  @if ($skin-name == 'FluentUI') {
4853
4853
  min-height: $pv-signature-dialog-height;
@@ -4901,6 +4901,9 @@ $pv-eye-icon-margin-top: 3px !default;
4901
4901
  width: 28px;
4902
4902
  }
4903
4903
  }
4904
+ .e-pv-toolbar-tooltip {
4905
+ pointer-events: none;
4906
+ }
4904
4907
  }
4905
4908
 
4906
4909
 
@@ -4847,7 +4847,7 @@ $pv-eye-icon-margin-top: 3px !default;
4847
4847
  }
4848
4848
  }
4849
4849
 
4850
- .e-pv-signature-dialog-height {
4850
+ .e-dialog.e-pv-signature-dialog-height {
4851
4851
  height: $pv-signature-dialog-height;
4852
4852
  @if ($skin-name == 'FluentUI') {
4853
4853
  min-height: $pv-signature-dialog-height;
@@ -4901,6 +4901,9 @@ $pv-eye-icon-margin-top: 3px !default;
4901
4901
  width: 28px;
4902
4902
  }
4903
4903
  }
4904
+ .e-pv-toolbar-tooltip {
4905
+ pointer-events: none;
4906
+ }
4904
4907
  }
4905
4908
 
4906
4909
 
@@ -4850,7 +4850,7 @@ $pv-eye-icon-margin-top: 3px !default;
4850
4850
  }
4851
4851
  }
4852
4852
 
4853
- .e-pv-signature-dialog-height {
4853
+ .e-dialog.e-pv-signature-dialog-height {
4854
4854
  height: $pv-signature-dialog-height;
4855
4855
  @if ($skin-name == 'FluentUI') {
4856
4856
  min-height: $pv-signature-dialog-height;
@@ -4904,6 +4904,9 @@ $pv-eye-icon-margin-top: 3px !default;
4904
4904
  width: 28px;
4905
4905
  }
4906
4906
  }
4907
+ .e-pv-toolbar-tooltip {
4908
+ pointer-events: none;
4909
+ }
4907
4910
  }
4908
4911
 
4909
4912
 
@@ -4852,7 +4852,7 @@ $pv-eye-icon-margin-top: 3px !default;
4852
4852
  }
4853
4853
  }
4854
4854
 
4855
- .e-pv-signature-dialog-height {
4855
+ .e-dialog.e-pv-signature-dialog-height {
4856
4856
  height: $pv-signature-dialog-height;
4857
4857
  @if ($skin-name == 'FluentUI') {
4858
4858
  min-height: $pv-signature-dialog-height;
@@ -4906,6 +4906,9 @@ $pv-eye-icon-margin-top: 3px !default;
4906
4906
  width: 28px;
4907
4907
  }
4908
4908
  }
4909
+ .e-pv-toolbar-tooltip {
4910
+ pointer-events: none;
4911
+ }
4909
4912
  }
4910
4913
 
4911
4914
 
@@ -4854,7 +4854,7 @@ $pv-comment-text-curser-color: $black !default;
4854
4854
  }
4855
4855
  }
4856
4856
 
4857
- .e-pv-signature-dialog-height {
4857
+ .e-dialog.e-pv-signature-dialog-height {
4858
4858
  height: $pv-signature-dialog-height;
4859
4859
  @if ($skin-name == 'FluentUI') {
4860
4860
  min-height: $pv-signature-dialog-height;
@@ -4908,6 +4908,9 @@ $pv-comment-text-curser-color: $black !default;
4908
4908
  width: 28px;
4909
4909
  }
4910
4910
  }
4911
+ .e-pv-toolbar-tooltip {
4912
+ pointer-events: none;
4913
+ }
4911
4914
  }
4912
4915
 
4913
4916
 
@@ -4854,7 +4854,7 @@ $pv-comment-text-curser-color: $black !default;
4854
4854
  }
4855
4855
  }
4856
4856
 
4857
- .e-pv-signature-dialog-height {
4857
+ .e-dialog.e-pv-signature-dialog-height {
4858
4858
  height: $pv-signature-dialog-height;
4859
4859
  @if ($skin-name == 'FluentUI') {
4860
4860
  min-height: $pv-signature-dialog-height;
@@ -4908,6 +4908,9 @@ $pv-comment-text-curser-color: $black !default;
4908
4908
  width: 28px;
4909
4909
  }
4910
4910
  }
4911
+ .e-pv-toolbar-tooltip {
4912
+ pointer-events: none;
4913
+ }
4911
4914
  }
4912
4915
 
4913
4916
 
@@ -4852,7 +4852,7 @@ $pv-eye-icon-margin-top: 3px !default;
4852
4852
  }
4853
4853
  }
4854
4854
 
4855
- .e-pv-signature-dialog-height {
4855
+ .e-dialog.e-pv-signature-dialog-height {
4856
4856
  height: $pv-signature-dialog-height;
4857
4857
  @if ($skin-name == 'FluentUI') {
4858
4858
  min-height: $pv-signature-dialog-height;
@@ -4906,6 +4906,9 @@ $pv-eye-icon-margin-top: 3px !default;
4906
4906
  width: 28px;
4907
4907
  }
4908
4908
  }
4909
+ .e-pv-toolbar-tooltip {
4910
+ pointer-events: none;
4911
+ }
4909
4912
  }
4910
4913
 
4911
4914
 
@@ -4851,7 +4851,7 @@ $pv-eye-icon-margin-top: 3px !default;
4851
4851
  }
4852
4852
  }
4853
4853
 
4854
- .e-pv-signature-dialog-height {
4854
+ .e-dialog.e-pv-signature-dialog-height {
4855
4855
  height: $pv-signature-dialog-height;
4856
4856
  @if ($skin-name == 'FluentUI') {
4857
4857
  min-height: $pv-signature-dialog-height;
@@ -4905,6 +4905,9 @@ $pv-eye-icon-margin-top: 3px !default;
4905
4905
  width: 28px;
4906
4906
  }
4907
4907
  }
4908
+ .e-pv-toolbar-tooltip {
4909
+ pointer-events: none;
4910
+ }
4908
4911
  }
4909
4912
 
4910
4913
 
@@ -4849,7 +4849,7 @@ $pv-eye-icon-margin-top: 3px !default;
4849
4849
  }
4850
4850
  }
4851
4851
 
4852
- .e-pv-signature-dialog-height {
4852
+ .e-dialog.e-pv-signature-dialog-height {
4853
4853
  height: $pv-signature-dialog-height;
4854
4854
  @if ($skin-name == 'FluentUI') {
4855
4855
  min-height: $pv-signature-dialog-height;
@@ -4903,6 +4903,9 @@ $pv-eye-icon-margin-top: 3px !default;
4903
4903
  width: 28px;
4904
4904
  }
4905
4905
  }
4906
+ .e-pv-toolbar-tooltip {
4907
+ pointer-events: none;
4908
+ }
4906
4909
  }
4907
4910
 
4908
4911
 
@@ -4856,7 +4856,7 @@ $pv-eye-icon-margin-top: 3px !default;
4856
4856
  }
4857
4857
  }
4858
4858
 
4859
- .e-pv-signature-dialog-height {
4859
+ .e-dialog.e-pv-signature-dialog-height {
4860
4860
  height: $pv-signature-dialog-height;
4861
4861
  @if ($skin-name == 'FluentUI') {
4862
4862
  min-height: $pv-signature-dialog-height;
@@ -4910,6 +4910,9 @@ $pv-eye-icon-margin-top: 3px !default;
4910
4910
  width: 28px;
4911
4911
  }
4912
4912
  }
4913
+ .e-pv-toolbar-tooltip {
4914
+ pointer-events: none;
4915
+ }
4913
4916
  }
4914
4917
 
4915
4918
 
@@ -4856,7 +4856,7 @@ $pv-eye-icon-margin-top: 3px !default;
4856
4856
  }
4857
4857
  }
4858
4858
 
4859
- .e-pv-signature-dialog-height {
4859
+ .e-dialog.e-pv-signature-dialog-height {
4860
4860
  height: $pv-signature-dialog-height;
4861
4861
  @if ($skin-name == 'FluentUI') {
4862
4862
  min-height: $pv-signature-dialog-height;
@@ -4910,6 +4910,9 @@ $pv-eye-icon-margin-top: 3px !default;
4910
4910
  width: 28px;
4911
4911
  }
4912
4912
  }
4913
+ .e-pv-toolbar-tooltip {
4914
+ pointer-events: none;
4915
+ }
4913
4916
  }
4914
4917
 
4915
4918
 
@@ -2211,7 +2211,7 @@ $pivotpager-single-size-title-padding: 8px !default;
2211
2211
  .e-expand,
2212
2212
  .e-collapse {
2213
2213
  cursor: pointer;
2214
- display: inline-block;
2214
+ display: inline;
2215
2215
  height: 18px;
2216
2216
  margin-top: 5px;
2217
2217
  text-align: center;
@@ -2592,7 +2592,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2592
2592
 
2593
2593
  .e-grid .e-headercelldiv,
2594
2594
  .e-grid .e-columnsheader {
2595
- padding-left: $pivotview-value-sort-rtl-padding !important;
2596
2595
  padding-right: 8px !important;
2597
2596
  }
2598
2597
 
@@ -3129,7 +3128,6 @@ $pivotpager-single-size-title-padding: 8px !default;
3129
3128
 
3130
3129
  .e-grid .e-headercelldiv,
3131
3130
  .e-grid .e-columnsheader {
3132
- padding-left: $pivotview-value-sort-rtl-padding !important;
3133
3131
  padding-right: 8px !important;
3134
3132
  }
3135
3133