npm - @syncfusion/blazor-themes - Versions diffs - 20.3.60 → 20.4.38 - Mend

@syncfusion/blazor-themes 20.3.60 → 20.4.38

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

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

@@ -587,7 +587,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -1585,6 +1585,11 @@ $grid-dropitems-count-margin-left: -4px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1666,6 +1671,7 @@ $grid-dropitems-count-margin-left: -4px !default;
                 }
             }
           }
         }
       }
@@ -4290,7 +4296,6 @@ $grid-dropitems-count-margin-left: -4px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4333,7 +4338,7 @@ $grid-dropitems-count-margin-left: -4px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4517,6 +4522,9 @@ $grid-dropitems-count-margin-left: -4px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4287,7 +4293,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4330,7 +4335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4514,6 +4519,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4287,7 +4293,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4330,7 +4335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4514,6 +4519,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -1577,6 +1577,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1658,6 +1663,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4282,7 +4288,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4325,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4509,6 +4514,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -1577,6 +1577,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1658,6 +1663,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4282,7 +4288,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4325,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4509,6 +4514,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 2px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4287,7 +4293,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4330,7 +4335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4514,6 +4519,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -582,8 +582,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1583,6 +1583,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1664,6 +1669,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4288,7 +4294,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4331,7 +4336,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4515,6 +4520,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -580,8 +580,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1581,6 +1581,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1662,6 +1667,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4286,7 +4292,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4329,7 +4334,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4513,6 +4518,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -593,8 +593,8 @@ $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
 $grid-sortnumber-font-size: $text-xxs !default;
 $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
-$grid-reorder-arrow-top-margin: -11px !default;
-$grid-reorder-downarrow-top-margin: 1px !default;
+$grid-reorder-arrow-top-margin: -4px !default;
+$grid-reorder-downarrow-top-margin: -5px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -1592,6 +1592,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1673,6 +1678,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4297,7 +4303,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4340,7 +4345,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4524,6 +4529,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }

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

@@ -593,8 +593,8 @@ $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
 $grid-sortnumber-font-size: $text-xxs !default;
 $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
-$grid-reorder-arrow-top-margin: -11px !default;
-$grid-reorder-downarrow-top-margin: 1px !default;
+$grid-reorder-arrow-top-margin: -4px !default;
+$grid-reorder-downarrow-top-margin: -5px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -1592,6 +1592,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
           & .e-icons {
@@ -1673,6 +1678,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
         }
       }
@@ -4297,7 +4303,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
       .e-gridcontent .e-content,
@@ -4340,7 +4345,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
@@ -4524,6 +4529,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }