npm - @syncfusion/blazor-themes - Versions diffs - 25.2.5 → 25.2.7 - Mend

@syncfusion/blazor-themes 25.2.5 → 25.2.7

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

package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss CHANGED Viewed

@@ -76,7 +76,10 @@ $sd-active-font-color: $secondary !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $content-text-color-focus !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $content-text-color-focus !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss CHANGED Viewed

@@ -76,7 +76,10 @@ $sd-active-font-color: $neutral-light-fontalt !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fabric.scss CHANGED Viewed

@@ -76,7 +76,10 @@ $sd-active-font-color: $neutral-light-fontalt !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fluent.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/highcontrast.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $selection-font !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/material-dark.scss CHANGED Viewed

@@ -76,7 +76,10 @@ $sd-active-font-color: $grey-dark-font !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/material.scss CHANGED Viewed

@@ -76,7 +76,10 @@ $sd-active-font-color: $base-font !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/material3-dark.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $sd-font-color !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/material3.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $sd-font-color !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $secondary-text-color !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/tailwind.scss CHANGED Viewed

@@ -77,7 +77,10 @@ $sd-active-font-color: $secondary-text-color !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $ddt-chip-hover-font-color: $content-text-color !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1617,6 +1617,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $ddt-chip-hover-font-color: $content-text-color !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1617,6 +1617,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss CHANGED Viewed

@@ -77,6 +77,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 12px 0 12px !default;
 $ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
 $ddt-remains-count-padding-top: 5.5px !default;
+$ddt-item-hover-bg: $grey-44 !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1627,6 +1628,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss CHANGED Viewed

@@ -76,6 +76,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 12px 0 12px !default;
 $ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
 $ddt-remains-count-padding-top: 5.5px !default;
+$ddt-item-hover-bg: $grey-f5 !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1626,6 +1627,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss CHANGED Viewed

@@ -77,6 +77,7 @@ $ddt-overflow-count-padding-top: 4px !default;
 $ddt-delim-padding: 4px 8px 0 8px !default;
 $ddt-delim-bigger-padding: 6px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 4px !default;
+$ddt-item-hover-bg: darken($gray-100,2%) !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1627,6 +1628,9 @@ $ddt-remains-count-padding-top: 4px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss CHANGED Viewed

@@ -65,6 +65,7 @@ $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
 $ddt-readonly-input-bg-color: $content-bg-color !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1615,6 +1616,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -65,6 +65,7 @@ $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
 $ddt-readonly-input-bg-color: $content-bg-color !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1615,6 +1616,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -77,6 +77,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $neutral-light !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1627,6 +1628,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss CHANGED Viewed

@@ -77,6 +77,7 @@ $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $neutral-lighter !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1627,6 +1628,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -71,6 +71,7 @@ $ddt-nodata-font-color: $content-text-color-alt2 !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
 $ddt-readonly-input-bg-color: $content-bg-color !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1621,6 +1622,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss CHANGED Viewed

@@ -71,6 +71,7 @@ $ddt-nodata-font-color: $content-text-color-alt2 !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
 $ddt-readonly-input-bg-color: $content-bg-color !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1621,6 +1622,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss CHANGED Viewed

@@ -77,6 +77,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $hover-bg !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1627,6 +1628,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss CHANGED Viewed

@@ -78,6 +78,7 @@ $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
 $ddt-outline-bigger-padding: 15px 16px !default;
 $ddt-bigger-outline-chip-padding: 8px 15px !default;
+$ddt-item-hover-bg: rgba($grey-dark-font, .10) !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1628,6 +1629,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/material.scss CHANGED Viewed

@@ -78,6 +78,7 @@ $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
 $ddt-outline-bigger-padding: 15px 16px !default;
 $ddt-bigger-outline-chip-padding: 8px 15px !default;
+$ddt-item-hover-bg: $grey-100 !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1628,6 +1629,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss CHANGED Viewed

@@ -81,7 +81,7 @@ $ddt-nodata-font-color: rgba($content-text-color) !default;
 $ddt-select-all-font-color: rgba($content-text-color) !default;
 $ddt-remains-font-color: $grey-600 !default;
 $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1632,6 +1632,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss CHANGED Viewed

@@ -81,7 +81,7 @@ $ddt-nodata-font-color: rgba($content-text-color) !default;
 $ddt-select-all-font-color: rgba($content-text-color) !default;
 $ddt-remains-font-color: $grey-600 !default;
 $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1632,6 +1632,9 @@ $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $ddt-chip-hover-font-color: $content-text-color !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1617,6 +1617,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $ddt-chip-hover-font-color: $content-text-color !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -1617,6 +1617,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }

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

@@ -24929,7 +24929,10 @@ $sd-active-font-color: $neutral-light-fontalt !default;
   .e-speeddial-popup {
     position: absolute;
     z-index: 100000;
-    pointer-events: none;
+    &:not(.e-speeddial-hover-open) {
+      pointer-events: none;
+    }
     &.e-speeddial-top {
       top: $sd-offset;
@@ -58897,6 +58900,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $neutral-light !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -60447,6 +60451,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }
@@ -75304,6 +75311,7 @@ $grid-xlfl-skin: 'fabric' !default;
   .sf-grid .e-excelfilter {
     &.e-dialog .e-dlg-content {
       padding-left: 0;
+      padding-right: 0;
     }
     .e-dlg-content {
       overflow: visible;
@@ -81367,7 +81375,7 @@ margin: $grid-group-animator-cell-margin;
   .e-gridheader .e-headercell,
   .e-gridheader .e-detailheadercell,
-  .e-gridheader .e-headercell .e-headercelldiv {
+  .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
     height: auto;
   }
@@ -87202,8 +87210,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowcell {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;
@@ -87213,8 +87231,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowdragdrop {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;