npm - @syncfusion/blazor-themes - Versions diffs - 21.1.35 → 21.1.37 - Mend

@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

package/SCSS-Themes/bootstrap-dark.scss CHANGED Viewed

@@ -53963,12 +53963,12 @@ $ripple-width: 32px !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -54034,7 +54034,7 @@ $ripple-width: 32px !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105293,7 +105293,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114513,6 +114513,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
 $rating-label-bottom-margin: 8px !default;
@@ -114525,21 +114526,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 34px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 16px !default;
-$rating-bigger-li-hover-font-size: 28px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 $rating-bigger-small-li-font-size: 26px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 28px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 22px !default;
@@ -114594,6 +114595,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -114718,6 +114721,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114735,6 +114740,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114754,6 +114761,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -53682,12 +53682,12 @@ $ripple-width: 32px !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -53753,7 +53753,7 @@ $ripple-width: 32px !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105007,7 +105007,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114227,6 +114227,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
 $rating-label-bottom-margin: 9px !default;
@@ -114239,21 +114240,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 34px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 16px !default;
-$rating-bigger-li-hover-font-size: 28px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 $rating-bigger-small-li-font-size: 26px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 28px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 24px !default;
@@ -114308,6 +114309,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -114432,6 +114435,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114449,6 +114454,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114468,6 +114475,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {

package/SCSS-Themes/bootstrap4.scss CHANGED Viewed

@@ -53771,12 +53771,12 @@ $ripple-width: 32px !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -53842,7 +53842,7 @@ $ripple-width: 32px !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105386,7 +105386,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114611,6 +114611,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 11px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-right-margin: 8px !default;
 $rating-label-bottom-margin: 4px !default;
@@ -114623,21 +114624,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 18px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 13px !default;
-$rating-bigger-li-hover-font-size: 34px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 $rating-bigger-small-li-font-size: 24px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 26px !default;
+$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -114692,6 +114693,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -114816,6 +114819,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114833,6 +114838,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114852,6 +114859,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {

package/SCSS-Themes/bootstrap5-dark.scss CHANGED Viewed

@@ -54121,12 +54121,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -54192,7 +54192,7 @@ $treeview-item-active-check-color: $primary !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105567,7 +105567,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114806,6 +114806,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -114818,18 +114819,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 6px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 $rating-bigger-li-font-size: $font-icon-32 !default;
 $rating-bigger-li-line-height: 13px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
 $rating-bigger-small-li-line-height: 13px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -114884,6 +114888,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -115008,6 +115014,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -115025,6 +115033,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -115044,6 +115054,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -54121,12 +54121,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -54192,7 +54192,7 @@ $treeview-item-active-check-color: $primary !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105567,7 +105567,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114806,6 +114806,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -114818,18 +114819,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 6px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 $rating-bigger-li-font-size: $font-icon-32 !default;
 $rating-bigger-li-line-height: 13px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
 $rating-bigger-small-li-line-height: 13px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -114884,6 +114888,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -115008,6 +115014,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -115025,6 +115033,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -115044,6 +115054,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {

package/SCSS-Themes/fabric-dark.scss CHANGED Viewed

@@ -53843,12 +53843,12 @@ $ripple-width: 32px !default;
       }
     }
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
@@ -53914,7 +53914,7 @@ $ripple-width: 32px !default;
     &:not(.e-fullrow-wrap) {
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -105089,7 +105089,7 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -114308,6 +114308,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -114320,21 +114321,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
-$rating-small-li-hover-font-size: 18px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 $rating-bigger-li-font-size: 28px !default;
 $rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-hover-font-size: 30px !default;
+$rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 24px !default;
 $rating-bigger-small-li-font-size: 24px !default;
 $rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-hover-font-size: 26px !default;
+$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -114389,6 +114390,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
@@ -114513,6 +114516,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114530,6 +114535,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
     .e-rating-label {
@@ -114549,6 +114556,8 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
     .e-rating-label {