npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.39 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.39

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

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds-dark.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 0 0 0 !default;
+$grid-border-width: 0 !default;
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $content-bg-color-hover !default;
 $grid-content-active-bg-color: $content-bg-color-selected !default;
 $grid-content-active-color: $content-text-color-selected !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 0 0 0 !default;
+$grid-border-width: 0 !default;
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $content-bg-color-hover !default;
 $grid-content-active-bg-color: $content-bg-color-selected !default;
 $grid-content-active-color: $content-text-color-selected !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap-dark.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $grey-light-font !default;
 $grid-content-hover-bg-color: $grey-44 !default;
 $grid-content-active-bg-color: $brand-primary !default;
 $grid-content-active-color: $brand-primary-font !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $gray-dark !default;
 $grid-footer-color: $brand-primary !default;
 $grid-group-content-header-color: $brand-primary !default;
 $grid-group-content-header-bg-color: $gray-dark !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $grey-88 !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $grey-88 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $grey-88 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $grey-88 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 1px 0 0 0 !default;
+$grid-border-width: 0 !default;
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $grey-light-font !default;
 $grid-content-hover-bg-color: $grey-f5 !default;
 $grid-content-active-bg-color: $brand-primary !default;
 $grid-content-active-color: $brand-primary-font !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $grey-white !default;
 $grid-footer-color: $gray-light !default;
 $grid-group-content-header-color: $gray-light !default;
 $grid-group-content-header-bg-color: $grey-white !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $appbar-border-color-alt1 !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $appbar-border-color-alt1 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $appbar-border-color-alt1 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $appbar-border-color-alt1 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap4.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 400 !default;
 $multicolumn-grid-height: 26px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 1px 0 0 0 !default;
+$grid-border-width: 0 !default;
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 3px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $gray-900 !default;
 $grid-content-hover-bg-color: $gray-100 !default;
 $grid-content-active-bg-color: $primary !default;
 $grid-content-active-color: $primary-font !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $white !default;
 $grid-footer-color: $gray-700 !default;
 $grid-group-content-header-color: $gray-700 !default;
 $grid-group-content-header-bg-color: $white !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $gray-300 !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $gray-300 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $gray-300 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $gray-300 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5-dark.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 700 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 3px !default;
+$footer-border-width: 1px !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 3px !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 700 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 3px !default;
+$footer-border-width: 1px !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 3px !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

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

@@ -1,6 +1,8 @@
 $header-font-weight: 600 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 0 0 0 0 !default;
+$grid-border-width: 0 !default;
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $neutral-light-font !default;
 $grid-content-hover-bg-color: $neutral-light !default;
 $grid-content-active-bg-color: $neutral-quintenary !default;
 $grid-content-active-color: $neutral-light-font !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $neutral-lighter-alt !default;
 $grid-footer-color: $theme-primary !default;
 $grid-group-content-header-color: $theme-primary !default;
 $grid-group-content-header-bg-color: $neutral-lighter-alt !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $neutral-lighter-alt !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $neutral-lighter-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $neutral-lighter-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $neutral-lighter-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 600 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 1px 0 0 0 !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $neutral-light-fontalt !default;
 $grid-content-hover-bg-color: $neutral-lighter !default;
 $grid-content-active-bg-color: $theme-lighter !default;
 $grid-content-active-color: $neutral-primary !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $neutral-white !default;
 $grid-footer-color: $theme-primary !default;
 $grid-group-content-header-color: $theme-primary !default;
 $grid-group-content-header-bg-color: $neutral-white !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $neutral-white !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $neutral-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $neutral-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $neutral-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent-dark.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 600 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-pressed !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt3 !default;
 $grid-group-content-header-color: $content-text-color-alt3 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent.scss CHANGED Viewed

@@ -1,6 +1,8 @@
 $header-font-weight: 600 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-pressed !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt3 !default;
 $grid-group-content-header-color: $content-text-color-alt3 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;