remove unneeded table boarders on mdm page (#17492)

remove unneeded header boarders on mdm pages.

**before:**


![image](https://github.com/fleetdm/fleet/assets/1153709/6fd93f49-1218-468c-a83b-aa80ca7b0384)


**after:**


![image](https://github.com/fleetdm/fleet/assets/1153709/ad885532-c88e-474e-b88c-90155c5416e3)


- [x] Manual QA for all new/changed functionality
This commit is contained in:
Gabriel Hernandez 2024-03-08 15:46:38 +00:00 committed by GitHub
parent 1be3aa2ffb
commit 1ca3e3e7ff
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 11 additions and 8 deletions

View file

@ -86,10 +86,7 @@ const defaultTableHeaders: IDataColumn[] = [
),
disableSortBy: true,
accessor: "macosHosts",
Cell: ({
cell: { value: aggregateCount },
row: { original },
}: ICellProps) => {
Cell: ({ cell: { value: aggregateCount } }: ICellProps) => {
return (
<div className="disk-encryption-table__aggregate-table-data">
<TextCell value={aggregateCount} formatter={(val) => <>{val}</>} />
@ -191,8 +188,6 @@ const STATUS_CELL_VALUES: Record<DiskEncryptionStatus, IStatusCellValue> = {
},
};
type StatusEntry = [DiskEncryptionStatus, IDiskEncryptionStatusAggregate];
// Order of the status column. We want the order to always be the same.
const STATUS_ORDER = [
"verified",

View file

@ -5,6 +5,10 @@
min-width: auto;
}
.data-table-block th:nth-last-child(2) {
border-right: none;
}
@media (max-width: $break-md) {
.view-hosts-link {
span {

View file

@ -60,7 +60,7 @@ export const generateTableHeaders = (teamId: number) => {
/>
),
Cell: ({ row }: IHostCellProps): JSX.Element => {
const { hosts_count, name_only, version } = row.original;
const { hosts_count } = row.original;
return <TextCell value={hosts_count} />;
},
},

View file

@ -15,4 +15,8 @@
opacity: 1;
}
}
.data-table-block th:nth-last-child(2) {
border-right: none;
}
}

View file

@ -10,7 +10,7 @@
min-width: auto;
}
th:nth-last-child(2) {
.data-table-block th:nth-last-child(2) {
border-right: 0;
}