npm - @syncfusion/blazor-themes - Versions diffs - 31.1.20 → 31.1.22 - Mend

@syncfusion/blazor-themes 31.1.20 → 31.1.22

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 (451) hide show

package/SCSS-Themes/navigations/treeview/fluent2-highcontrast.scss CHANGED Viewed

@@ -383,6 +383,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -500,10 +504,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1553,8 +1553,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1563,8 +1562,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/fluent2-lite.scss CHANGED Viewed

@@ -383,6 +383,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -500,10 +504,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/fluent2.scss CHANGED Viewed

@@ -383,6 +383,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -500,10 +504,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1553,8 +1553,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1563,8 +1562,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/highcontrast-lite.scss CHANGED Viewed

@@ -75,13 +75,15 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 7px 8px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
 $treeview-rtl-check-margin: 0 5px 0 0 !default;
 $treeview-check-text-padding: 7px 8px !default;
 $treeview-check-image-margin: 0 0 0 12px !default;
+$treeview-big-check-text-padding: 11px 10px !default;
+$treeview-big-image-text-padding: 11px 10px !default;
 $treeview-rtl-check-image-margin: 0 12px 0 0 !default;
 $treeview-border-shadow: 0 -1px 2px $hover-border, 0 1px 2px $hover-border !default;
 $treeview-drop-count-border-size: 2px !default;
@@ -97,7 +99,7 @@ $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
 $treeview-big-item-height: 46px !default;
 $treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 38px !default;
-$treeview-big-text-padding: 0 10px !default;
+$treeview-big-text-padding: 11px 10px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 6px !default;
 $treeview-big-image-margin: 0 0 0 10px !default;
@@ -373,6 +375,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -490,10 +496,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/highcontrast.scss CHANGED Viewed

@@ -75,13 +75,15 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 7px 8px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
 $treeview-rtl-check-margin: 0 5px 0 0 !default;
 $treeview-check-text-padding: 7px 8px !default;
 $treeview-check-image-margin: 0 0 0 12px !default;
+$treeview-big-check-text-padding: 11px 10px !default;
+$treeview-big-image-text-padding: 11px 10px !default;
 $treeview-rtl-check-image-margin: 0 12px 0 0 !default;
 $treeview-border-shadow: 0 -1px 2px $hover-border, 0 1px 2px $hover-border !default;
 $treeview-drop-count-border-size: 2px !default;
@@ -97,7 +99,7 @@ $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
 $treeview-big-item-height: 46px !default;
 $treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 38px !default;
-$treeview-big-text-padding: 0 10px !default;
+$treeview-big-text-padding: 11px 10px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 6px !default;
 $treeview-big-image-margin: 0 0 0 10px !default;
@@ -373,6 +375,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -490,10 +496,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1543,8 +1545,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1553,8 +1554,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/material-dark-lite.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 10px !default;
+$treeview-image-text-padding: 7px 10px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -369,6 +369,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -486,10 +490,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/material-dark.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 10px !default;
+$treeview-image-text-padding: 7px 10px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -369,6 +369,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -486,10 +490,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1539,8 +1539,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1549,8 +1548,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/material-lite.scss CHANGED Viewed

@@ -71,7 +71,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 10px !default;
+$treeview-image-text-padding: 7px 10px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -367,6 +367,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -484,10 +488,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/material.scss CHANGED Viewed

@@ -71,7 +71,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 5px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 10px !default;
+$treeview-image-text-padding: 7px 10px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -367,6 +367,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -484,10 +488,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1537,8 +1537,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1547,8 +1546,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/material3-dark-lite.scss CHANGED Viewed

@@ -365,6 +365,10 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -482,10 +486,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/material3-dark.scss CHANGED Viewed

@@ -365,6 +365,10 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -482,10 +486,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1535,8 +1535,7 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1545,8 +1544,7 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/material3-lite.scss CHANGED Viewed

@@ -365,6 +365,10 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -482,10 +486,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/material3.scss CHANGED Viewed

@@ -365,6 +365,10 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -482,10 +486,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1535,8 +1535,7 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1545,8 +1544,7 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/tailwind-dark-lite.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1551,8 +1551,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1561,8 +1560,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/tailwind-lite.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/tailwind.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1551,8 +1551,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1561,8 +1560,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/tailwind3-dark-lite.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }