diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-06 10:05:16 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-06 10:05:16 +0200 |
commit | 1fa1e165b159adf390375787df2af9b33e5f5856 (patch) | |
tree | 076ca309ee43a605aad9195e74322090b5f7edd7 /src | |
parent | add small text label for adding new workspace to drawer (diff) | |
download | ferdium-app-1fa1e165b159adf390375787df2af9b33e5f5856.tar.gz ferdium-app-1fa1e165b159adf390375787df2af9b33e5f5856.tar.zst ferdium-app-1fa1e165b159adf390375787df2af9b33e5f5856.zip |
make workspace settings list items taller
Diffstat (limited to 'src')
-rw-r--r-- | src/features/workspaces/components/WorkspaceItem.js | 31 |
1 files changed, 17 insertions, 14 deletions
diff --git a/src/features/workspaces/components/WorkspaceItem.js b/src/features/workspaces/components/WorkspaceItem.js index b2c2a4830..a950a981a 100644 --- a/src/features/workspaces/components/WorkspaceItem.js +++ b/src/features/workspaces/components/WorkspaceItem.js | |||
@@ -2,14 +2,25 @@ import React, { Component } from 'react'; | |||
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { intlShape } from 'react-intl'; | 3 | import { intlShape } from 'react-intl'; |
4 | import { observer } from 'mobx-react'; | 4 | import { observer } from 'mobx-react'; |
5 | import classnames from 'classnames'; | 5 | import injectSheet from 'react-jss'; |
6 | |||
6 | import Workspace from '../models/Workspace'; | 7 | import Workspace from '../models/Workspace'; |
7 | 8 | ||
8 | // const messages = defineMessages({}); | 9 | const styles = theme => ({ |
10 | row: { | ||
11 | height: 57, | ||
12 | borderBottom: `1px solid ${theme.workspaceSettings.listItemBorderColor}`, | ||
13 | '&:hover': { | ||
14 | background: theme.workspaceSettings.listItemHoverBgColor, | ||
15 | }, | ||
16 | }, | ||
17 | columnName: {}, | ||
18 | }); | ||
9 | 19 | ||
10 | @observer | 20 | @injectSheet(styles) @observer |
11 | class WorkspaceItem extends Component { | 21 | class WorkspaceItem extends Component { |
12 | static propTypes = { | 22 | static propTypes = { |
23 | classes: PropTypes.object.isRequired, | ||
13 | workspace: PropTypes.instanceOf(Workspace).isRequired, | 24 | workspace: PropTypes.instanceOf(Workspace).isRequired, |
14 | onItemClick: PropTypes.func.isRequired, | 25 | onItemClick: PropTypes.func.isRequired, |
15 | }; | 26 | }; |
@@ -19,19 +30,11 @@ class WorkspaceItem extends Component { | |||
19 | }; | 30 | }; |
20 | 31 | ||
21 | render() { | 32 | render() { |
22 | const { workspace, onItemClick } = this.props; | 33 | const { classes, workspace, onItemClick } = this.props; |
23 | // const { intl } = this.context; | ||
24 | 34 | ||
25 | return ( | 35 | return ( |
26 | <tr | 36 | <tr className={classes.row}> |
27 | className={classnames({ | 37 | <td onClick={() => onItemClick(workspace)}> |
28 | 'workspace-table__row': true, | ||
29 | })} | ||
30 | > | ||
31 | <td | ||
32 | className="workspace-table__column-name" | ||
33 | onClick={() => onItemClick(workspace)} | ||
34 | > | ||
35 | {workspace.name} | 38 | {workspace.name} |
36 | </td> | 39 | </td> |
37 | </tr> | 40 | </tr> |