@syncfusion/blazor-themes 21.1.35 → 21.1.38

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +91 -33
  2. package/SCSS-Themes/bootstrap.scss +91 -33
  3. package/SCSS-Themes/bootstrap4.scss +91 -33
  4. package/SCSS-Themes/bootstrap5-dark.scss +91 -30
  5. package/SCSS-Themes/bootstrap5.scss +91 -30
  6. package/SCSS-Themes/fabric-dark.scss +91 -33
  7. package/SCSS-Themes/fabric.scss +91 -33
  8. package/SCSS-Themes/fluent-dark.scss +91 -30
  9. package/SCSS-Themes/fluent.scss +91 -30
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +3 -6
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +3 -6
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +3 -6
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +3 -6
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +3 -6
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +3 -6
  16. package/SCSS-Themes/grids/grid/fabric.scss +3 -6
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +3 -6
  18. package/SCSS-Themes/grids/grid/fluent.scss +3 -6
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +3 -6
  20. package/SCSS-Themes/grids/grid/material-dark.scss +3 -6
  21. package/SCSS-Themes/grids/grid/material.scss +3 -6
  22. package/SCSS-Themes/grids/grid/tailwind-dark.scss +3 -6
  23. package/SCSS-Themes/grids/grid/tailwind.scss +3 -6
  24. package/SCSS-Themes/highcontrast.scss +91 -33
  25. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +12 -3
  26. package/SCSS-Themes/inputs/rating/bootstrap.scss +12 -3
  27. package/SCSS-Themes/inputs/rating/bootstrap4.scss +12 -3
  28. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +12 -0
  29. package/SCSS-Themes/inputs/rating/bootstrap5.scss +12 -0
  30. package/SCSS-Themes/inputs/rating/fabric-dark.scss +12 -3
  31. package/SCSS-Themes/inputs/rating/fabric.scss +12 -3
  32. package/SCSS-Themes/inputs/rating/fluent-dark.scss +12 -0
  33. package/SCSS-Themes/inputs/rating/fluent.scss +12 -0
  34. package/SCSS-Themes/inputs/rating/highcontrast.scss +12 -3
  35. package/SCSS-Themes/inputs/rating/material-dark.scss +12 -3
  36. package/SCSS-Themes/inputs/rating/material.scss +12 -3
  37. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +12 -0
  38. package/SCSS-Themes/inputs/rating/tailwind.scss +12 -0
  39. package/SCSS-Themes/material-dark.scss +91 -33
  40. package/SCSS-Themes/material.scss +91 -33
  41. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +3 -3
  42. package/SCSS-Themes/navigations/treeview/bootstrap.scss +3 -3
  43. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +3 -3
  44. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +3 -3
  45. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +3 -3
  46. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +3 -3
  47. package/SCSS-Themes/navigations/treeview/fabric.scss +3 -3
  48. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +3 -3
  49. package/SCSS-Themes/navigations/treeview/fluent.scss +3 -3
  50. package/SCSS-Themes/navigations/treeview/highcontrast.scss +3 -3
  51. package/SCSS-Themes/navigations/treeview/material-dark.scss +3 -3
  52. package/SCSS-Themes/navigations/treeview/material.scss +3 -3
  53. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +3 -3
  54. package/SCSS-Themes/navigations/treeview/tailwind.scss +3 -3
  55. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -1
  56. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -1
  57. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -1
  58. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +1 -1
  59. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +1 -1
  60. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -1
  61. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -1
  62. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +1 -1
  63. package/SCSS-Themes/pivotview/pivotview/fluent.scss +1 -1
  64. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +1 -1
  65. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -1
  66. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -1
  67. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +1 -1
  68. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +1 -1
  69. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +68 -18
  70. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +68 -18
  71. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +68 -18
  72. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +68 -18
  73. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +68 -18
  74. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +68 -18
  75. package/SCSS-Themes/ribbon/ribbon/fabric.scss +68 -18
  76. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +68 -18
  77. package/SCSS-Themes/ribbon/ribbon/fluent.scss +68 -18
  78. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +68 -18
  79. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +68 -18
  80. package/SCSS-Themes/ribbon/ribbon/material.scss +68 -18
  81. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +68 -18
  82. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +68 -18
  83. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +4 -2
  84. package/SCSS-Themes/schedule/schedule/bootstrap.scss +4 -2
  85. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +4 -2
  86. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +4 -2
  87. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +4 -2
  88. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +4 -2
  89. package/SCSS-Themes/schedule/schedule/fabric.scss +4 -2
  90. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +4 -2
  91. package/SCSS-Themes/schedule/schedule/fluent.scss +4 -2
  92. package/SCSS-Themes/schedule/schedule/highcontrast.scss +4 -2
  93. package/SCSS-Themes/schedule/schedule/material-dark.scss +4 -2
  94. package/SCSS-Themes/schedule/schedule/material.scss +4 -2
  95. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +4 -2
  96. package/SCSS-Themes/schedule/schedule/tailwind.scss +4 -2
  97. package/SCSS-Themes/tailwind-dark.scss +91 -30
  98. package/SCSS-Themes/tailwind.scss +91 -30
  99. package/package.json +1 -1
package/SCSS-Themes/inputs/rating/fabric-dark.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 10px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
82
83
  padding: $rating-li-padding;
83
84
  line-height: $rating-li-line-height;
84
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
85
88
  //For Blazor Tooltip
86
89
  position: relative;
87
90
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
206
209
  .e-rating-item-container {
207
210
  font-size: $rating-small-li-font-size;
208
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
209
214
  }
210
215
 
211
216
  .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
223
228
  .e-rating-item-container {
224
229
  font-size: $rating-bigger-li-font-size;
225
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
226
233
  }
227
234
 
228
235
  .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
242
249
  .e-rating-item-container {
243
250
  font-size: $rating-bigger-small-li-font-size;
244
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
245
254
  }
246
255
 
247
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/fabric.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
82
83
  padding: $rating-li-padding;
83
84
  line-height: $rating-li-line-height;
84
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
85
88
  //For Blazor Tooltip
86
89
  position: relative;
87
90
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
206
209
  .e-rating-item-container {
207
210
  font-size: $rating-small-li-font-size;
208
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
209
214
  }
210
215
 
211
216
  .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
223
228
  .e-rating-item-container {
224
229
  font-size: $rating-bigger-li-font-size;
225
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
226
233
  }
227
234
 
228
235
  .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
242
249
  .e-rating-item-container {
243
250
  font-size: $rating-bigger-small-li-font-size;
244
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
245
254
  }
246
255
 
247
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/fluent-dark.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 4px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
13
14
 
14
15
  $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 13px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
16
18
  $rating-small-label-font-size: $text-xxs !default;
17
19
  $rating-small-label-line-height: 16px !default;
18
20
  $rating-small-reset-font-size : $font-icon-12 !default;
19
21
 
20
22
  $rating-bigger-li-font-size: $font-icon-28 !default;
21
23
  $rating-bigger-li-line-height: 21px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
22
25
  $rating-bigger-label-font-size: $text-sm !default;
23
26
  $rating-bigger-label-line-height: 22px !default;
24
27
  $rating-bigger-reset-font-size : $font-icon-24 !default;
25
28
 
26
29
  $rating-bigger-small-li-font-size: $font-icon-24 !default;
27
30
  $rating-bigger-small-li-line-height: 19px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
28
32
  $rating-bigger-small-label-font-size: $text-xs !default;
29
33
  $rating-bigger-small-label-line-height: 18px !default;
30
34
  $rating-bigger-small-reset-font-size : $font-icon-20 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
79
83
  padding: $rating-li-padding;
80
84
  line-height: $rating-li-line-height;
81
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
82
88
  //For Blazor Tooltip
83
89
  position: relative;
84
90
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
203
209
  .e-rating-item-container {
204
210
  font-size: $rating-small-li-font-size;
205
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
206
214
  }
207
215
 
208
216
  .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
220
228
  .e-rating-item-container {
221
229
  font-size: $rating-bigger-li-font-size;
222
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
223
233
  }
224
234
 
225
235
  .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
239
249
  .e-rating-item-container {
240
250
  font-size: $rating-bigger-small-li-font-size;
241
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
242
254
  }
243
255
 
244
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/fluent.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 4px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
13
14
 
14
15
  $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 13px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
16
18
  $rating-small-label-font-size: $text-xxs !default;
17
19
  $rating-small-label-line-height: 16px !default;
18
20
  $rating-small-reset-font-size : $font-icon-12 !default;
19
21
 
20
22
  $rating-bigger-li-font-size: $font-icon-28 !default;
21
23
  $rating-bigger-li-line-height: 21px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
22
25
  $rating-bigger-label-font-size: $text-sm !default;
23
26
  $rating-bigger-label-line-height: 22px !default;
24
27
  $rating-bigger-reset-font-size : $font-icon-24 !default;
25
28
 
26
29
  $rating-bigger-small-li-font-size: $font-icon-24 !default;
27
30
  $rating-bigger-small-li-line-height: 19px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
28
32
  $rating-bigger-small-label-font-size: $text-xs !default;
29
33
  $rating-bigger-small-label-line-height: 18px !default;
30
34
  $rating-bigger-small-reset-font-size : $font-icon-20 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
79
83
  padding: $rating-li-padding;
80
84
  line-height: $rating-li-line-height;
81
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
82
88
  //For Blazor Tooltip
83
89
  position: relative;
84
90
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
203
209
  .e-rating-item-container {
204
210
  font-size: $rating-small-li-font-size;
205
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
206
214
  }
207
215
 
208
216
  .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
220
228
  .e-rating-item-container {
221
229
  font-size: $rating-bigger-li-font-size;
222
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
223
233
  }
224
234
 
225
235
  .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
239
249
  .e-rating-item-container {
240
250
  font-size: $rating-bigger-small-li-font-size;
241
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
242
254
  }
243
255
 
244
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/highcontrast.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 9px !default;
6
7
  $rating-label-right-margin: 4px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 13px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 28px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 30px !default;
24
+ $rating-bigger-li-min-width-height: 36px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 24px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 19px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $disable !default;
82
83
  padding: $rating-li-padding;
83
84
  line-height: $rating-li-line-height;
84
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
85
88
  //For Blazor Tooltip
86
89
  position: relative;
87
90
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $disable !default;
206
209
  .e-rating-item-container {
207
210
  font-size: $rating-small-li-font-size;
208
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
209
214
  }
210
215
 
211
216
  .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $disable !default;
223
228
  .e-rating-item-container {
224
229
  font-size: $rating-bigger-li-font-size;
225
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
226
233
  }
227
234
 
228
235
  .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $disable !default;
242
249
  .e-rating-item-container {
243
250
  font-size: $rating-bigger-small-li-font-size;
244
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
245
254
  }
246
255
 
247
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/material-dark.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 9px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 17px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
82
83
  padding: $rating-li-padding;
83
84
  line-height: $rating-li-line-height;
84
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
85
88
  //For Blazor Tooltip
86
89
  position: relative;
87
90
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
206
209
  .e-rating-item-container {
207
210
  font-size: $rating-small-li-font-size;
208
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
209
214
  }
210
215
 
211
216
  .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
223
228
  .e-rating-item-container {
224
229
  font-size: $rating-bigger-li-font-size;
225
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
226
233
  }
227
234
 
228
235
  .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
242
249
  .e-rating-item-container {
243
250
  font-size: $rating-bigger-small-li-font-size;
244
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
245
254
  }
246
255
 
247
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/material.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 0 !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: 16px !default;
15
16
  $rating-small-li-line-height: 9px !default;
16
- $rating-small-li-hover-font-size: 18px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
17
18
  $rating-small-label-font-size: 10px !default;
18
19
  $rating-small-label-line-height: 16px !default;
19
20
  $rating-small-reset-font-size : 12px !default;
20
21
 
21
22
  $rating-bigger-li-font-size: 32px !default;
22
23
  $rating-bigger-li-line-height: 21px !default;
23
- $rating-bigger-li-hover-font-size: 34px !default;
24
+ $rating-bigger-li-min-width-height: 40px !default;
24
25
  $rating-bigger-label-font-size: 14px !default;
25
26
  $rating-bigger-label-line-height: 22px !default;
26
27
  $rating-bigger-reset-font-size : 28px !default;
27
28
 
28
29
  $rating-bigger-small-li-font-size: 24px !default;
29
30
  $rating-bigger-small-li-line-height: 17px !default;
30
- $rating-bigger-small-li-hover-font-size: 26px !default;
31
+ $rating-bigger-small-li-min-width-height: 32px !default;
31
32
  $rating-bigger-small-label-font-size: 12px !default;
32
33
  $rating-bigger-small-label-line-height: 18px !default;
33
34
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
82
83
  padding: $rating-li-padding;
83
84
  line-height: $rating-li-line-height;
84
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
85
88
  //For Blazor Tooltip
86
89
  position: relative;
87
90
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
206
209
  .e-rating-item-container {
207
210
  font-size: $rating-small-li-font-size;
208
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
209
214
  }
210
215
 
211
216
  .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
223
228
  .e-rating-item-container {
224
229
  font-size: $rating-bigger-li-font-size;
225
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
226
233
  }
227
234
 
228
235
  .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
242
249
  .e-rating-item-container {
243
250
  font-size: $rating-bigger-small-li-font-size;
244
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
245
254
  }
246
255
 
247
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/tailwind-dark.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 3px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-bottom-margin: 6px !default;
6
7
  $rating-label-right-margin: 10px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 10px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
16
18
  $rating-small-label-font-size: $text-xxs !default;
17
19
  $rating-small-label-line-height: 16px !default;
18
20
  $rating-small-reset-font-size : $font-icon-12 !default;
19
21
 
20
22
  $rating-bigger-li-font-size: $font-icon-24 !default;
21
23
  $rating-bigger-li-line-height: 18px !default;
24
+ $rating-bigger-li-min-width-height: 32px !default;
22
25
  $rating-bigger-label-font-size: $text-2xl !default;
23
26
  $rating-bigger-label-line-height: 22px !default;
24
27
  $rating-bigger-reset-font-size : $font-icon-20 !default;
25
28
 
26
29
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
27
30
  $rating-bigger-small-li-line-height: 15px !default;
31
+ $rating-bigger-small-li-min-width-height: 30px !default;
28
32
  $rating-bigger-small-label-font-size: $text-xs !default;
29
33
  $rating-bigger-small-label-line-height: 18px !default;
30
34
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
79
83
  padding: $rating-li-padding;
80
84
  line-height: $rating-li-line-height;
81
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
82
88
  //For Blazor Tooltip
83
89
  position: relative;
84
90
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
203
209
  .e-rating-item-container {
204
210
  font-size: $rating-small-li-font-size;
205
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
206
214
  }
207
215
 
208
216
  .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
220
228
  .e-rating-item-container {
221
229
  font-size: $rating-bigger-li-font-size;
222
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
223
233
  }
224
234
 
225
235
  .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
239
249
  .e-rating-item-container {
240
250
  font-size: $rating-bigger-small-li-font-size;
241
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
242
254
  }
243
255
 
244
256
  .e-rating-label {
package/SCSS-Themes/inputs/rating/tailwind.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 3px !default;
4
+ $rating-li-min-width-height: 28px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-bottom-margin: 6px !default;
6
7
  $rating-label-right-margin: 10px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
13
14
 
14
15
  $rating-small-li-font-size: $font-icon-16 !default;
15
16
  $rating-small-li-line-height: 10px !default;
17
+ $rating-small-li-min-width-height: 24px !default;
16
18
  $rating-small-label-font-size: $text-xxs !default;
17
19
  $rating-small-label-line-height: 16px !default;
18
20
  $rating-small-reset-font-size : $font-icon-12 !default;
19
21
 
20
22
  $rating-bigger-li-font-size: $font-icon-24 !default;
21
23
  $rating-bigger-li-line-height: 18px !default;
24
+ $rating-bigger-li-min-width-height: 32px !default;
22
25
  $rating-bigger-label-font-size: $text-2xl !default;
23
26
  $rating-bigger-label-line-height: 22px !default;
24
27
  $rating-bigger-reset-font-size : $font-icon-20 !default;
25
28
 
26
29
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
27
30
  $rating-bigger-small-li-line-height: 15px !default;
31
+ $rating-bigger-small-li-min-width-height: 30px !default;
28
32
  $rating-bigger-small-label-font-size: $text-xs !default;
29
33
  $rating-bigger-small-label-line-height: 18px !default;
30
34
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
79
83
  padding: $rating-li-padding;
80
84
  line-height: $rating-li-line-height;
81
85
  display: block;
86
+ min-width: $rating-li-min-width-height; //font-size + padding
87
+ min-height: $rating-li-min-width-height; //font-size + padding
82
88
  //For Blazor Tooltip
83
89
  position: relative;
84
90
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
203
209
  .e-rating-item-container {
204
210
  font-size: $rating-small-li-font-size;
205
211
  line-height: $rating-small-li-line-height;
212
+ min-height: $rating-small-li-min-width-height; //font-size + padding
213
+ min-width: $rating-small-li-min-width-height; //font-size + padding
206
214
  }
207
215
 
208
216
  .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
220
228
  .e-rating-item-container {
221
229
  font-size: $rating-bigger-li-font-size;
222
230
  line-height: $rating-bigger-li-line-height;
231
+ min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
+ min-height: $rating-bigger-li-min-width-height; //font-size + padding
223
233
  }
224
234
 
225
235
  .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
239
249
  .e-rating-item-container {
240
250
  font-size: $rating-bigger-small-li-font-size;
241
251
  line-height: $rating-bigger-small-li-line-height;
252
+ min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
+ min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
242
254
  }
243
255
 
244
256
  .e-rating-label {