Browse Source

Update datatable footer border styles

Added CSS rules to conditionally set the border-top of .datatable-footer in ngx-datatable based on the presence of .datatable-body-row. This improves visual consistency when the datatable has no rows.
pull/23626/head
Fahri Gedik 5 months ago
parent
commit
6c1a7ff0d3
  1. 11
      npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts

11
npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts

@ -151,4 +151,15 @@ background-color: rgba(0, 0, 0, 0.6);
.abp-md-form {
max-width: 540px;
}
.ngx-datatable.material:has(.datatable-body-row) .datatable-footer {
border-top: none;
}
.ngx-datatable.material:not(:has(.datatable-body-row)) .datatable-footer {
border-top: 1px solid #dee2e6;
}
`;

Loading…
Cancel
Save