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/image-editor/image-editor/material3-dark.scss CHANGED Viewed

@@ -30,8 +30,9 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 10px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
-$image-editor-finetune-value-span: 29% !default;
-$image-editor-finetune-span: 28% !default;
+$image-editor-finetune-value-span: 30% !default;
+$image-editor-finetune-span: 30% !default;
+$image-editor-slider-wrap: calc(50% - 12px) !default;
 @include export-module('image-editor-layout') {
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 28% !default;
   }
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 28% !default;
       }
     }
   }
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/material3.scss CHANGED Viewed

@@ -30,8 +30,9 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 10px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
-$image-editor-finetune-value-span: 29% !default;
-$image-editor-finetune-span: 28% !default;
+$image-editor-finetune-value-span: 30% !default;
+$image-editor-finetune-span: 30% !default;
+$image-editor-slider-wrap: calc(50% - 12px) !default;
 @include export-module('image-editor-layout') {
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 28% !default;
   }
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 28% !default;
       }
     }
   }
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss CHANGED Viewed

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 28% !default;
 $image-editor-finetune-span: 28% !default;
+$image-editor-slider-wrap: calc(50% - 14px) !default;
 @include export-module('image-editor-layout') {
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 28% !default;
   }
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 28% !default;
       }
     }
   }
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/tailwind.scss CHANGED Viewed

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 28% !default;
 $image-editor-finetune-span: 28% !default;
+$image-editor-slider-wrap: calc(50% - 14px) !default;
 @include export-module('image-editor-layout') {
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 28% !default;
   }
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 28% !default;
       }
     }
   }
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

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

@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

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

@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/bootstrap4.scss CHANGED Viewed

@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

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

@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

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

@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

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

@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

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

@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/fluent-dark.scss CHANGED Viewed

@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/fluent.scss CHANGED Viewed

@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/highcontrast.scss CHANGED Viewed

@@ -500,7 +500,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/material-dark.scss CHANGED Viewed

@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/material.scss CHANGED Viewed

@@ -499,7 +499,6 @@ $kanban-col-expand-collapse-box-shadow: none;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/material3-dark.scss CHANGED Viewed

@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/material3.scss CHANGED Viewed

@@ -508,7 +508,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/tailwind-dark.scss CHANGED Viewed

@@ -509,7 +509,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;

package/SCSS-Themes/kanban/kanban/tailwind.scss CHANGED Viewed

@@ -509,7 +509,6 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;