diff options
| author |  Stefan Malzner <stefan@adlk.io> | 2019-04-12 13:32:19 +0200 |
|---|---|---|
| committer | Stefan Malzner <stefan@adlk.io> | 2019-04-12 13:32:19 +0200 |
| commit | f941074dd7520efb63e9507294df8c420715b9df (patch) | |
| tree | 614d03296254f02fe93a67a5c3b2feef1446e3aa /src/styles/layout.scss | |
| parent | Don't invalidate user request on componentWillMount (diff) | |
| parent | feat(App): Update electron to 4.1.4 (diff) | |
| download | ferdium-app-f941074dd7520efb63e9507294df8c420715b9df.tar.gz ferdium-app-f941074dd7520efb63e9507294df8c420715b9df.tar.zst ferdium-app-f941074dd7520efb63e9507294df8c420715b9df.zip | |
Merge branch 'develop' into chore/streamline-dashboard
Diffstat (limited to 'src/styles/layout.scss')
| -rw-r--r-- | src/styles/layout.scss | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 9a003a922..e858b7904 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
| @@ -18,8 +18,14 @@ html { overflow: hidden; } | |||
| 18 | font-size: 22px; | 18 | font-size: 22px; |
| 19 | 19 | ||
| 20 | &:hover, | 20 | &:hover, |
| 21 | &:active { color: $dark-theme-gray-smoke; } | 21 | &:active { |
| 22 | &.is-muted { color: $theme-brand-primary; } | 22 | color: $dark-theme-gray-smoke; |
| 23 | } | ||
| 24 | |||
| 25 | &.is-muted, | ||
| 26 | &.is-active { | ||
| 27 | color: $theme-brand-primary; | ||
| 28 | } | ||
| 23 | } | 29 | } |
| 24 | } | 30 | } |
| 25 | 31 | ||
| @@ -33,6 +39,7 @@ html { overflow: hidden; } | |||
| 33 | .app__content { display: flex; } | 39 | .app__content { display: flex; } |
| 34 | 40 | ||
| 35 | .app__service { | 41 | .app__service { |
| 42 | position: relative; | ||
| 36 | display: flex; | 43 | display: flex; |
| 37 | flex: 1; | 44 | flex: 1; |
| 38 | flex-direction: column; | 45 | flex-direction: column; |
| @@ -84,7 +91,7 @@ html { overflow: hidden; } | |||
| 84 | 91 | ||
| 85 | &:hover, | 92 | &:hover, |
| 86 | &:active { color: lighten($theme-gray-light, 10%); } | 93 | &:active { color: lighten($theme-gray-light, 10%); } |
| 87 | &.is-muted { color: $theme-brand-primary; } | 94 | &.is-muted, &.is-active { color: $theme-brand-primary; } |
| 88 | &--new-service { padding-bottom: 6px; } | 95 | &--new-service { padding-bottom: 6px; } |
| 89 | } | 96 | } |
| 90 | 97 | ||