lee/wanderer
1
0
Fork 0
mirror of https://github.com/wanderer-industries/wanderer synced 2025-12-12 10:45:54 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat(Map): Remove resizible and fix styles of column sorting

Browse Source 
Fixes #22
This commit is contained in:
achichenkov
2024-10-07 09:31:01 +03:00
parent 7a404a7e6a
commit f4b7357802
3 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/js/hooks/Mapper/common-styles/fixes.scss
View File

@@ -70,5 +70,18 @@
.p-sortable-column {
font-size: 12px;
font-weight: bold;
padding: 0.25rem 0.5rem;
padding: 3px 4px;
}
.p-selectable-row td {
padding: 8px 4px;
}
.p-sortable-column > .p-column-header-content > span:last-child {
transform: scale(0.7);
& > svg {
margin-left: 4px;
}
}

8
assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss
View File

@@ -6,13 +6,5 @@
}
.Table {
:global {
.p-sortable-column > .p-column-header-content > span:last-child {
transform: scale(0.7);
& > svg {
margin-left: 4px;
}
}
}
}

13
assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx
View File

@@ -31,11 +31,11 @@ import useLocalStorageState from 'use-local-storage-state';
type SystemSignaturesSortSettings = {
sortField: string;
sortOrder: SortOrder;
}
};
const SORT_DEFAULT_VALUES: SystemSignaturesSortSettings = {
sortField: 'eve_id',
sortOrder: 1
sortOrder: 1,
};
interface SystemSignaturesContentProps {
@@ -183,8 +183,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
// );
// };
const headerClasses = clsx(classes.HeaderRow, 'text-[12px] py-[3px]');
return (
<div ref={tableRef} className="h-full">
{filteredSignatures.length === 0 ? (
@@ -208,7 +206,7 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
selectAll
sortField={sortSettings.sortField}
sortOrder={sortSettings.sortOrder}
onSort={(event) => setSortSettings(() => ({ sortField: event.sortField, sortOrder: event.sortOrder }))}
onSort={event => setSortSettings(() => ({ sortField: event.sortField, sortOrder: event.sortOrder }))}
onRowMouseEnter={compact || medium ? handleEnterRow : undefined}
onRowMouseLeave={compact || medium ? handleLeaveRow : undefined}
rowClassName={row => {
@@ -226,7 +224,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
>
<Column
bodyClassName="p-0 px-1"
headerClassName={headerClasses}
field="group"
body={renderIcon}
style={{ maxWidth: 26, minWidth: 26, width: 26 }}
@@ -235,7 +232,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
<Column
field="eve_id"
header="Id"
headerClassName={headerClasses}
bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
style={{ maxWidth: 72, minWidth: 72, width: 72 }}
sortable
@@ -243,7 +239,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
<Column
field="group"
header="Group"
headerClassName={headerClasses}
bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
hidden={compact}
sortable
@@ -251,7 +246,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
<Column
field="name"
header="Name"
headerClassName={headerClasses}
bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
body={renderName}
style={{ maxWidth: nameColumnWidth }}
@@ -262,7 +256,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
field="updated_at"
header="Updated"
dataType="date"
headerClassName={headerClasses}
bodyClassName="w-[80px] text-ellipsis overflow-hidden whitespace-nowrap"
body={renderTimeLeft}
sortable