@syncfusion/blazor-themes 21.1.35 → 21.1.37

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 (57) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +16 -7
  2. package/SCSS-Themes/bootstrap.scss +16 -7
  3. package/SCSS-Themes/bootstrap4.scss +16 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +16 -4
  5. package/SCSS-Themes/bootstrap5.scss +16 -4
  6. package/SCSS-Themes/fabric-dark.scss +16 -7
  7. package/SCSS-Themes/fabric.scss +16 -7
  8. package/SCSS-Themes/fluent-dark.scss +16 -4
  9. package/SCSS-Themes/fluent.scss +16 -4
  10. package/SCSS-Themes/highcontrast.scss +16 -7
  11. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +12 -3
  12. package/SCSS-Themes/inputs/rating/bootstrap.scss +12 -3
  13. package/SCSS-Themes/inputs/rating/bootstrap4.scss +12 -3
  14. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +12 -0
  15. package/SCSS-Themes/inputs/rating/bootstrap5.scss +12 -0
  16. package/SCSS-Themes/inputs/rating/fabric-dark.scss +12 -3
  17. package/SCSS-Themes/inputs/rating/fabric.scss +12 -3
  18. package/SCSS-Themes/inputs/rating/fluent-dark.scss +12 -0
  19. package/SCSS-Themes/inputs/rating/fluent.scss +12 -0
  20. package/SCSS-Themes/inputs/rating/highcontrast.scss +12 -3
  21. package/SCSS-Themes/inputs/rating/material-dark.scss +12 -3
  22. package/SCSS-Themes/inputs/rating/material.scss +12 -3
  23. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +12 -0
  24. package/SCSS-Themes/inputs/rating/tailwind.scss +12 -0
  25. package/SCSS-Themes/material-dark.scss +16 -7
  26. package/SCSS-Themes/material.scss +16 -7
  27. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +3 -3
  28. package/SCSS-Themes/navigations/treeview/bootstrap.scss +3 -3
  29. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +3 -3
  30. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +3 -3
  31. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +3 -3
  32. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +3 -3
  33. package/SCSS-Themes/navigations/treeview/fabric.scss +3 -3
  34. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +3 -3
  35. package/SCSS-Themes/navigations/treeview/fluent.scss +3 -3
  36. package/SCSS-Themes/navigations/treeview/highcontrast.scss +3 -3
  37. package/SCSS-Themes/navigations/treeview/material-dark.scss +3 -3
  38. package/SCSS-Themes/navigations/treeview/material.scss +3 -3
  39. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +3 -3
  40. package/SCSS-Themes/navigations/treeview/tailwind.scss +3 -3
  41. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +1 -1
  43. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/pivotview/pivotview/fabric.scss +1 -1
  48. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/pivotview/pivotview/fluent.scss +1 -1
  50. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +1 -1
  51. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +1 -1
  52. package/SCSS-Themes/pivotview/pivotview/material.scss +1 -1
  53. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +1 -1
  55. package/SCSS-Themes/tailwind-dark.scss +16 -4
  56. package/SCSS-Themes/tailwind.scss +16 -4
  57. package/package.json +1 -1
package/SCSS-Themes/inputs/rating/bootstrap5.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  $rating-li-font-size: $font-icon-22 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
+ $rating-li-min-width-height: 30px !default;
4
5
  $rating-focus-border-radius: 4px !default;
5
6
  $rating-label-bottom-margin: 4px !default;
6
7
  $rating-label-right-margin: 8px !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: 6px !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-32 !default;
21
23
  $rating-bigger-li-line-height: 13px !default;
24
+ $rating-bigger-li-min-width-height: 40px !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-28 !default;
25
28
 
26
29
  $rating-bigger-small-li-font-size: $font-icon-26 !default;
27
30
  $rating-bigger-small-li-line-height: 13px !default;
31
+ $rating-bigger-small-li-min-width-height: 34px !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-22 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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/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 {