make drawer not cover critical controls for quick navigation

This commit is contained in:
Collin M. Barrett 2019-08-26 13:13:51 -05:00
parent d0407d8557
commit b6b8ef9a31
2 changed files with 8 additions and 7 deletions

View file

@ -34,7 +34,7 @@ export class ListDetailsDrawer extends React.Component<RouteComponentProps & Pro
return <Drawer
visible={true}
width={350}
placement={"left"}
placement={"right"}
mask={false}
title={this.props.list.name}
destroyOnClose={true}

View file

@ -78,11 +78,18 @@ export class ListsTable extends React.Component<RouteComponentProps, State> {
size="small"
pagination={{
size: "small",
style: { float: "left" },
pageSize: this.state.pageSize,
showSizeChanger: true,
pageSizeOptions: this.state.pageSizeOptions
}}
scroll={{ x: this.state.isNarrowWindow ? undefined : 1200 }}>
<Table.Column<List>
title="Details"
dataIndex={nameof<List>("viewUrl")}
className={styles.nogrow}
fixed="left"
render={(_text: string, record: List) => <ListDetailsButton list={record} {...this.props} />} />
<Table.Column<List>
title="Name"
dataIndex={nameof<List>("name")}
@ -130,12 +137,6 @@ export class ListsTable extends React.Component<RouteComponentProps, State> {
tagIds
? <TagCloud tags={this.state.tags.filter((t: Tag) => tagIds.includes(t.id))} />
: null} />}
<Table.Column<List>
title="Details"
dataIndex={nameof<List>("viewUrl")}
className={styles.nogrow}
fixed="right"
render={(_text: string, record: List) => <ListDetailsButton list={record} {...this.props} />} />
</Table>
<Route path="/lists/:id" render={props => {
const list = this.state.lists.find(l => l.id === +props.match.params.id);