diff options
Diffstat (limited to 'src/styles/service-table.scss')
-rw-r--r-- | src/styles/service-table.scss | 34 |
1 files changed, 25 insertions, 9 deletions
diff --git a/src/styles/service-table.scss b/src/styles/service-table.scss index f2090685b..70a41e435 100644 --- a/src/styles/service-table.scss +++ b/src/styles/service-table.scss | |||
@@ -1,14 +1,22 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | .theme__dark .service-table { | 3 | .theme__dark .service-table { |
4 | .service-table__icon.has-custom-icon { border: 1px solid $dark-theme-gray-dark; } | 4 | .service-table__icon.has-custom-icon { |
5 | .service-table__column-info .mdi { color: $dark-theme-gray-lightest; } | 5 | border: 1px solid $dark-theme-gray-dark; |
6 | } | ||
7 | .service-table__column-info .mdi { | ||
8 | color: $dark-theme-gray-lightest; | ||
9 | } | ||
6 | 10 | ||
7 | .service-table__row { | 11 | .service-table__row { |
8 | border-bottom: 1px solid $dark-theme-gray-darker; | 12 | border-bottom: 1px solid $dark-theme-gray-darker; |
9 | 13 | ||
10 | &:hover { background: $dark-theme-gray-darker; } | 14 | &:hover { |
11 | &.service-table__row--disabled { color: $dark-theme-gray; } | 15 | background: $dark-theme-gray-darker; |
16 | } | ||
17 | &.service-table__row--disabled { | ||
18 | color: $dark-theme-gray; | ||
19 | } | ||
12 | } | 20 | } |
13 | } | 21 | } |
14 | 22 | ||
@@ -18,7 +26,9 @@ | |||
18 | .service-table__toggle { | 26 | .service-table__toggle { |
19 | width: 60px; | 27 | width: 60px; |
20 | 28 | ||
21 | .franz-form__field { margin-bottom: 0; } | 29 | .franz-form__field { |
30 | margin-bottom: 0; | ||
31 | } | ||
22 | } | 32 | } |
23 | 33 | ||
24 | .service-table__icon { | 34 | .service-table__icon { |
@@ -32,7 +42,9 @@ | |||
32 | } | 42 | } |
33 | 43 | ||
34 | .service-table__column-icon, | 44 | .service-table__column-icon, |
35 | .service-table__column-action { width: 40px } | 45 | .service-table__column-action { |
46 | width: 40px; | ||
47 | } | ||
36 | 48 | ||
37 | .service-table__column-info { | 49 | .service-table__column-info { |
38 | width: 40px; | 50 | width: 40px; |
@@ -47,17 +59,21 @@ | |||
47 | .service-table__row { | 59 | .service-table__row { |
48 | border-bottom: 1px solid $theme-gray-lightest; | 60 | border-bottom: 1px solid $theme-gray-lightest; |
49 | 61 | ||
50 | &:hover { background: $theme-gray-lightest; } | 62 | &:hover { |
63 | background: $theme-gray-lightest; | ||
64 | } | ||
51 | 65 | ||
52 | &.service-table__row--disabled { | 66 | &.service-table__row--disabled { |
53 | color: $theme-gray-light; | 67 | color: $theme-gray-light; |
54 | 68 | ||
55 | .service-table__column-icon { | 69 | .service-table__column-icon { |
56 | filter: grayscale(100%); | 70 | filter: grayscale(100%); |
57 | opacity: .5; | 71 | opacity: 0.5; |
58 | } | 72 | } |
59 | } | 73 | } |
60 | } | 74 | } |
61 | 75 | ||
62 | td { padding: 10px; } | 76 | td { |
77 | padding: 10px; | ||
78 | } | ||
63 | } | 79 | } |