diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-11-10 16:25:59 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-11-10 16:25:59 +0100 |
commit | 8433a52774677cf1ecabac9166964b29ec64b172 (patch) | |
tree | 87b326007b2cba065e1e98613f0778a43db7ad33 | |
parent | fix merging issues (diff) | |
download | ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.tar.gz ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.tar.zst ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.zip |
replace :hover animation by a more decent :active effect
-rw-r--r-- | src/styles/layout.scss | 5 | ||||
-rw-r--r-- | src/styles/tabs.scss | 5 |
2 files changed, 3 insertions, 7 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 9f32bf2c4..b35ab2a7b 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -59,16 +59,13 @@ html { | |||
59 | font-size: 24px; | 59 | font-size: 24px; |
60 | position: relative; | 60 | position: relative; |
61 | color: $theme-gray-light; | 61 | color: $theme-gray-light; |
62 | transition: color 0.25s, transform 0.25s; | ||
63 | 62 | ||
64 | &:hover { | 63 | &:hover { |
65 | transform: scale(1.15); | ||
66 | color: darken($theme-gray-light, 10%); | 64 | color: darken($theme-gray-light, 10%); |
67 | } | 65 | } |
68 | 66 | ||
69 | &:active { | 67 | &:active { |
70 | transition: transform 0.1s; | 68 | color: lighten($theme-gray-light, 10%); |
71 | transform: scale(1); | ||
72 | } | 69 | } |
73 | 70 | ||
74 | &.is-muted { | 71 | &.is-muted { |
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index 9b13df1f0..7d8c63ba3 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -47,16 +47,15 @@ | |||
47 | } | 47 | } |
48 | } | 48 | } |
49 | 49 | ||
50 | &:hover { | 50 | &:active { |
51 | .tab-item__icon { | 51 | .tab-item__icon { |
52 | transform: scale(1.1); | 52 | opacity: 0.7; |
53 | } | 53 | } |
54 | } | 54 | } |
55 | 55 | ||
56 | .tab-item__icon { | 56 | .tab-item__icon { |
57 | width: 30px; | 57 | width: 30px; |
58 | height: auto; | 58 | height: auto; |
59 | transition: transform 0.25s; | ||
60 | } | 59 | } |
61 | 60 | ||
62 | .tab-item__message-count { | 61 | .tab-item__message-count { |