npm - @syncfusion/blazor-themes - Versions diffs - 21.2.4 → 21.2.6 - Mend

@syncfusion/blazor-themes 21.2.4 → 21.2.6

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

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

@@ -140,7 +140,6 @@ $grid-bigger-group-text-line-height: 22px !default;
 $grid-bigger-groupcaption-line-height: 32px !default;
 $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
 $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
-$grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
 $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
 $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
 $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -308,7 +307,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
-$grid-group-unpgroupicon-margin-top: 1px !default;
+$grid-group-unpgroupicon-padding-top: 4px !default;
 $grid-summary-cell-line-height: 18px !default;
 $grid-batch-updated-bg-color: $success-light !default;
 $grid-val-error-color: $danger !default;
@@ -318,7 +317,7 @@ $grid-edit-input-padding-top: 2px !default;
 $grid-edit-input-margin: 2px !default;
 $grid-edit-cell-padding: 2px !default;
 $grid-group-height: 39px !default;
-$grid-ungroup-rtl-padding-top: 1px !default;
+$grid-ungroup-rtl-padding-top: 4px !default;
 $grid-rtl-group-headercell-margin-right: 0 !default;
 $grid-rtl-group-headercell-margin-left: 4px !default;
 $grid-fltr-rtl-sortnumber-margin: 0 4px 0 32px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
 $grouped-bigger-text-font-size: $text-base !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
+$grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
 $grid-bigger-font-size: $text-base !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1266,6 +1266,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
       margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
       margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
+      padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
       @if $grid-skin == 'fluent' {
         padding: 0 4px;
       }
@@ -1322,9 +1323,12 @@ $grid-dropitems-count-margin-left: -8px !default;
     &.e-rtl span.e-ungroupbutton.e-icons {
       margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
       margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
-      margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
-      padding-top: $grid-ungroup-rtl-padding-top;
+      margin-top: $grid-bigger-sorticon-margin-top;
       padding-left: $grid-ungroup-rtl-padding-left;
+      @if $grid-skin == 'fluent' {
+        margin-top: 0;
+        padding: 0 4px;
+      }
     }
     .e-groupcaption {
@@ -1998,6 +2002,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
+      border-spacing: 0.25px;
     }
     .e-tableborder {
@@ -2606,6 +2611,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-top-style: $grid-border-type;
       border-top-width: $grid-border-size;
       padding: .3em;
+      font-weight: normal;
+      text-align: left;
     }
     th.e-detailcell .e-rowcell,
@@ -3147,14 +3154,9 @@ $grid-dropitems-count-margin-left: -8px !default;
     span.e-ungroupbutton.e-icons {
       margin-left: $group-unpgrouicon-margin-left;
-      margin-top: $grid-group-unpgroupicon-margin-top;
+      margin-top: $group-sorticon-margin-top;
+      padding-top: $grid-group-unpgroupicon-padding-top;
       padding-right: $grid-group-unpgroupicon-padding-right;
-      @if $grid-skin == 'bootstrap4' {
-        padding-top: 4px;
-      }
-      @else if $grid-skin == 'tailwind' {
-        padding-top: 1px;
-      }
     }
     span.e-ungroupbutton.e-icons:hover {
@@ -3940,6 +3942,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       &.e-default.e-bothlines .e-detailcell {
         border-right-style: solid;
         border-right-width: 1px;
+        text-align: right;
       }
       & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4657,9 +4660,17 @@ $grid-dropitems-count-margin-left: -8px !default;
       position: absolute;
       top: 6px;
       white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
       width: 45%;
     }
+    & .e-verticalwrap td::before {
+      line-height: $grid-rowcell-wrap-height;
+      white-space: normal;
+      word-wrap: break-word;
+    }
     & td[data-cell] {
       padding-bottom: 5px;
       padding-left: 55%;

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

@@ -140,7 +140,6 @@ $grid-bigger-group-text-line-height: 22px !default;
 $grid-bigger-groupcaption-line-height: 32px !default;
 $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
 $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
-$grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
 $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
 $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
 $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -308,7 +307,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
-$grid-group-unpgroupicon-margin-top: 1px !default;
+$grid-group-unpgroupicon-padding-top: 4px !default;
 $grid-summary-cell-line-height: 18px !default;
 $grid-batch-updated-bg-color: $success-light !default;
 $grid-val-error-color: $danger !default;
@@ -318,7 +317,7 @@ $grid-edit-input-padding-top: 2px !default;
 $grid-edit-input-margin: 2px !default;
 $grid-edit-cell-padding: 2px !default;
 $grid-group-height: 39px !default;
-$grid-ungroup-rtl-padding-top: 1px !default;
+$grid-ungroup-rtl-padding-top: 4px !default;
 $grid-rtl-group-headercell-margin-right: 0 !default;
 $grid-rtl-group-headercell-margin-left: 4px !default;
 $grid-fltr-rtl-sortnumber-margin: 0 4px 0 32px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
 $grouped-bigger-text-font-size: $text-base !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
+$grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
 $grid-bigger-font-size: $text-base !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1266,6 +1266,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
       margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
       margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
+      padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
       @if $grid-skin == 'fluent' {
         padding: 0 4px;
       }
@@ -1322,9 +1323,12 @@ $grid-dropitems-count-margin-left: -8px !default;
     &.e-rtl span.e-ungroupbutton.e-icons {
       margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
       margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
-      margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
-      padding-top: $grid-ungroup-rtl-padding-top;
+      margin-top: $grid-bigger-sorticon-margin-top;
       padding-left: $grid-ungroup-rtl-padding-left;
+      @if $grid-skin == 'fluent' {
+        margin-top: 0;
+        padding: 0 4px;
+      }
     }
     .e-groupcaption {
@@ -1998,6 +2002,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
+      border-spacing: 0.25px;
     }
     .e-tableborder {
@@ -2606,6 +2611,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-top-style: $grid-border-type;
       border-top-width: $grid-border-size;
       padding: .3em;
+      font-weight: normal;
+      text-align: left;
     }
     th.e-detailcell .e-rowcell,
@@ -3147,14 +3154,9 @@ $grid-dropitems-count-margin-left: -8px !default;
     span.e-ungroupbutton.e-icons {
       margin-left: $group-unpgrouicon-margin-left;
-      margin-top: $grid-group-unpgroupicon-margin-top;
+      margin-top: $group-sorticon-margin-top;
+      padding-top: $grid-group-unpgroupicon-padding-top;
       padding-right: $grid-group-unpgroupicon-padding-right;
-      @if $grid-skin == 'bootstrap4' {
-        padding-top: 4px;
-      }
-      @else if $grid-skin == 'tailwind' {
-        padding-top: 1px;
-      }
     }
     span.e-ungroupbutton.e-icons:hover {
@@ -3940,6 +3942,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       &.e-default.e-bothlines .e-detailcell {
         border-right-style: solid;
         border-right-width: 1px;
+        text-align: right;
       }
       & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -4657,9 +4660,17 @@ $grid-dropitems-count-margin-left: -8px !default;
       position: absolute;
       top: 6px;
       white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
       width: 45%;
     }
+    & .e-verticalwrap td::before {
+      line-height: $grid-rowcell-wrap-height;
+      white-space: normal;
+      word-wrap: break-word;
+    }
     & td[data-cell] {
       padding-bottom: 5px;
       padding-left: 55%;