diff options
-rw-r--r-- | src/components/settings/workspaces/WorkspaceItem.js | 4 | ||||
-rw-r--r-- | src/components/settings/workspaces/WorkspacesDashboard.js | 2 | ||||
-rw-r--r-- | src/styles/main.scss | 1 | ||||
-rw-r--r-- | src/styles/workspace-table.scss | 53 |
4 files changed, 57 insertions, 3 deletions
diff --git a/src/components/settings/workspaces/WorkspaceItem.js b/src/components/settings/workspaces/WorkspaceItem.js index 49d67d429..a71e6583d 100644 --- a/src/components/settings/workspaces/WorkspaceItem.js +++ b/src/components/settings/workspaces/WorkspaceItem.js | |||
@@ -24,11 +24,11 @@ class WorkspaceItem extends Component { | |||
24 | return ( | 24 | return ( |
25 | <tr | 25 | <tr |
26 | className={classnames({ | 26 | className={classnames({ |
27 | 'service-table__row': true, | 27 | 'workspace-table__row': true, |
28 | })} | 28 | })} |
29 | > | 29 | > |
30 | <td | 30 | <td |
31 | className="service-table__column-name" | 31 | className="workspace-table__column-name" |
32 | onClick={() => console.log('go to workspace', workspace.name)} | 32 | onClick={() => console.log('go to workspace', workspace.name)} |
33 | > | 33 | > |
34 | {workspace.name} | 34 | {workspace.name} |
diff --git a/src/components/settings/workspaces/WorkspacesDashboard.js b/src/components/settings/workspaces/WorkspacesDashboard.js index c6378ac1e..b286adc68 100644 --- a/src/components/settings/workspaces/WorkspacesDashboard.js +++ b/src/components/settings/workspaces/WorkspacesDashboard.js | |||
@@ -41,7 +41,7 @@ class WorkspacesDashboard extends Component { | |||
41 | {isLoading ? ( | 41 | {isLoading ? ( |
42 | <Loader /> | 42 | <Loader /> |
43 | ) : ( | 43 | ) : ( |
44 | <table className="service-table"> | 44 | <table className="workspace-table"> |
45 | <tbody> | 45 | <tbody> |
46 | {workspaces.map(workspace => ( | 46 | {workspaces.map(workspace => ( |
47 | <WorkspaceItem | 47 | <WorkspaceItem |
diff --git a/src/styles/main.scss b/src/styles/main.scss index 784a04d3d..30f43532f 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss | |||
@@ -30,6 +30,7 @@ $mdi-font-path: '../node_modules/mdi/fonts'; | |||
30 | @import './content-tabs.scss'; | 30 | @import './content-tabs.scss'; |
31 | @import './invite.scss'; | 31 | @import './invite.scss'; |
32 | @import './title-bar.scss'; | 32 | @import './title-bar.scss'; |
33 | @import './workspace-table.scss'; | ||
33 | 34 | ||
34 | // form | 35 | // form |
35 | @import './input.scss'; | 36 | @import './input.scss'; |
diff --git a/src/styles/workspace-table.scss b/src/styles/workspace-table.scss new file mode 100644 index 000000000..05ebfa629 --- /dev/null +++ b/src/styles/workspace-table.scss | |||
@@ -0,0 +1,53 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .theme__dark .workspace-table { | ||
4 | .workspace-table__column-info .mdi { color: $dark-theme-gray-lightest; } | ||
5 | |||
6 | .workspace-table__row { | ||
7 | border-bottom: 1px solid $dark-theme-gray-darker; | ||
8 | |||
9 | &:hover { background: $dark-theme-gray-darker; } | ||
10 | &.workspace-table__row--disabled { color: $dark-theme-gray; } | ||
11 | } | ||
12 | } | ||
13 | |||
14 | .workspace-table { | ||
15 | width: 100%; | ||
16 | |||
17 | .workspace-table__toggle { | ||
18 | width: 60px; | ||
19 | |||
20 | .franz-form__field { | ||
21 | margin-bottom: 0; | ||
22 | } | ||
23 | } | ||
24 | |||
25 | .workspace-table__column-action { | ||
26 | width: 40px | ||
27 | } | ||
28 | |||
29 | .workspace-table__column-info { | ||
30 | width: 40px; | ||
31 | |||
32 | .mdi { | ||
33 | color: $theme-gray-light; | ||
34 | display: block; | ||
35 | font-size: 18px; | ||
36 | } | ||
37 | } | ||
38 | |||
39 | .workspace-table__row { | ||
40 | border-bottom: 1px solid $theme-gray-lightest; | ||
41 | |||
42 | &:hover { | ||
43 | cursor: initial; | ||
44 | background: $theme-gray-lightest; | ||
45 | } | ||
46 | |||
47 | &.workspace-table__row--disabled { | ||
48 | color: $theme-gray-light; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | td { padding: 10px; } | ||
53 | } | ||