diff --git a/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx b/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx index 5e8ef4b0e..b09951d91 100644 --- a/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx +++ b/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx @@ -76,50 +76,59 @@ export class AllListsTable extends React.Component<{}, State> { showSizeChanger: true, pageSizeOptions: this.state.pageSizeOptions }} - scroll={{ x: this.state.isNarrowWindow ? 576 : 1200 }}> + scroll={{ x: this.state.isNarrowWindow ? undefined : 1200 }}> title="Name" dataIndex={nameof("name")} sorter={(a, b) => a.name.localeCompare(b.name)} defaultSortOrder={"ascend"} - width={200} + width={this.state.isNarrowWindow ? undefined : 200} className={styles.nogrow} fixed="left" render={(text: string) =>
{text}
} /> + {this.state.isNarrowWindow + ? null + : + title="Description" + dataIndex={nameof("description")} + className={styles.nogrow} + render={(_text: string, record: List) => } />} + {this.state.isNarrowWindow + ? null + : + title="Software" + dataIndex={nameof("syntaxId")} + className={styles.nogrow} + render={(text: string) =>
{text}
} />} + {this.state.isNarrowWindow + ? null + : + title="Languages" + dataIndex={nameof("languageIds")} + sorter={(a, b) => arraySorter(a.languageIds, b.languageIds, this.state.languages)} + width={125} + className={styles.nogrow} + render={(languageIds: number[]) => + languageIds + ? languageIds.includes(l.id))} /> + : null} />} + {this.state.isNarrowWindow + ? null + : + title="Tags" + dataIndex={nameof("tagIds")} + sorter={(a, b) => arraySorter(a.tagIds, b.tagIds, this.state.tags)} + width={275} + className={styles.nogrow} + render={(tagIds: number[]) => + tagIds + ? tagIds.includes(t.id))} /> + : null} />} - title="Description" - dataIndex={nameof("description")} - className={styles.nogrow} - render={(_text: string, record: List) => } /> - - title="Software" - dataIndex={nameof("syntaxId")} - className={styles.nogrow} - render={(text: string) =>
{text}
} /> - - title="Languages" - dataIndex={nameof("languageIds")} - sorter={(a, b) => arraySorter(a.languageIds, b.languageIds, this.state.languages)} - width={125} - className={styles.nogrow} - render={(languageIds: number[]) => - languageIds - ? languageIds.includes(l.id))} /> - : null} /> - - title="Tags" - dataIndex={nameof("tagIds")} - sorter={(a, b) => arraySorter(a.tagIds, b.tagIds, this.state.tags)} - width={275} - className={styles.nogrow} - render={(tagIds: number[]) => - tagIds - ? tagIds.includes(t.id))} /> - : null} /> - title="Details" + title="Details" dataIndex={nameof("viewUrl")} className={styles.nogrow} - fixed={this.state.isNarrowWindow ? undefined : "right"} + fixed="right" render={(_text: string, record: List) => } /> );