diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/main.scss | 1 | ||||
-rw-r--r-- | src/styles/workspace-table.scss | 53 |
2 files changed, 54 insertions, 0 deletions
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 | } | ||