diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/styles/service-table.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/service-table.scss')
-rw-r--r-- | src/styles/service-table.scss | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/src/styles/service-table.scss b/src/styles/service-table.scss new file mode 100644 index 000000000..66d5ac941 --- /dev/null +++ b/src/styles/service-table.scss | |||
@@ -0,0 +1,62 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .service-table { | ||
4 | width: 100%; | ||
5 | |||
6 | .service-table__toggle { | ||
7 | width: 60px; | ||
8 | |||
9 | .franz-form__field { | ||
10 | margin-bottom: 0; | ||
11 | } | ||
12 | } | ||
13 | |||
14 | .service-table__icon { | ||
15 | width: 35px; | ||
16 | |||
17 | &.has-custom-icon { | ||
18 | border-radius: $theme-border-radius; | ||
19 | border: 1px solid $theme-gray-lighter; | ||
20 | width: 37px; | ||
21 | } | ||
22 | } | ||
23 | |||
24 | .service-table__column-icon { | ||
25 | width: 40px; | ||
26 | } | ||
27 | |||
28 | .service-table__column-action { | ||
29 | width: 40px | ||
30 | } | ||
31 | |||
32 | .service-table__column-info { | ||
33 | width: 40px; | ||
34 | |||
35 | .mdi { | ||
36 | display: block; | ||
37 | font-size: 18px; | ||
38 | color: $theme-gray-light; | ||
39 | } | ||
40 | } | ||
41 | |||
42 | .service-table__row { | ||
43 | border-bottom: 1px solid $theme-gray-lightest; | ||
44 | |||
45 | &:hover { | ||
46 | background: $theme-gray-lightest; | ||
47 | } | ||
48 | |||
49 | &.service-table__row--disabled { | ||
50 | color: $theme-gray-light; | ||
51 | |||
52 | .service-table__column-icon { | ||
53 | filter: grayscale(100%); | ||
54 | opacity: 0.5; | ||
55 | } | ||
56 | } | ||
57 | } | ||
58 | |||
59 | td { | ||
60 | padding: 10px; | ||
61 | } | ||
62 | } | ||