npm - @syncfusion/blazor-themes - Versions diffs - 24.1.46 → 24.2.3 - Mend

@syncfusion/blazor-themes 24.1.46 → 24.2.3

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

package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED Viewed

@@ -4086,12 +4086,15 @@ margin: $grid-group-animator-cell-margin;
       z-index: 1;
     }
+    &.e-lib .e-leftfreeze,
+    &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
       position: sticky;
       z-index: 2;
     }
+    &.e-lib .e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -4152,6 +4155,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
     }
@@ -4182,6 +4186,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
     }
@@ -4212,10 +4217,12 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
     }
@@ -4353,18 +4360,22 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
+      &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
+      &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
+      &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
       }
@@ -5080,6 +5091,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -6626,20 +6644,26 @@ margin: $grid-group-animator-cell-margin;
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-color: $frozen-border-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
     .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
     .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder  {
       border-right-color: $frozen-border-color;
     }

package/SCSS-Themes/grids/grid/material3.scss CHANGED Viewed

@@ -4086,12 +4086,15 @@ margin: $grid-group-animator-cell-margin;
       z-index: 1;
     }
+    &.e-lib .e-leftfreeze,
+    &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
       position: sticky;
       z-index: 2;
     }
+    &.e-lib .e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -4152,6 +4155,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
     }
@@ -4182,6 +4186,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
     }
@@ -4212,10 +4217,12 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
     }
@@ -4353,18 +4360,22 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
+      &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
+      &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
+      &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
       }
@@ -5080,6 +5091,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -6626,20 +6644,26 @@ margin: $grid-group-animator-cell-margin;
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-color: $frozen-border-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
     .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
     .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder  {
       border-right-color: $frozen-border-color;
     }

package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED Viewed

@@ -4086,12 +4086,15 @@ margin: $grid-group-animator-cell-margin;
       z-index: 1;
     }
+    &.e-lib .e-leftfreeze,
+    &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
       position: sticky;
       z-index: 2;
     }
+    &.e-lib .e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -4152,6 +4155,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
     }
@@ -4182,6 +4186,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
     }
@@ -4212,10 +4217,12 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
     }
@@ -4353,18 +4360,22 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
+      &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
+      &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
+      &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
       }
@@ -5080,6 +5091,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -6626,20 +6644,26 @@ margin: $grid-group-animator-cell-margin;
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-color: $frozen-border-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
     .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
     .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder  {
       border-right-color: $frozen-border-color;
     }

package/SCSS-Themes/grids/grid/tailwind.scss CHANGED Viewed

@@ -4086,12 +4086,15 @@ margin: $grid-group-animator-cell-margin;
       z-index: 1;
     }
+    &.e-lib .e-leftfreeze,
+    &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
       position: sticky;
       z-index: 2;
     }
+    &.e-lib .e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -4152,6 +4155,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
     }
@@ -4182,6 +4186,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
     }
@@ -4212,10 +4217,12 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
     }
@@ -4353,18 +4360,22 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
+      &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
+      &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
+      &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
       }
@@ -5080,6 +5091,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -6626,20 +6644,26 @@ margin: $grid-group-animator-cell-margin;
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-color: $frozen-border-color;
     }
+    &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
     .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-color: $frozen-border-color;
     }
+    &.e-lib .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
     .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder  {
       border-right-color: $frozen-border-color;
     }