commit: bd21afb5edf58a2ce93d0d61ac5ccbada5d857da
parent: ef80ad17b3d1a2db96b200c07730e6e3545f1a1e
Author: Eugen Rochko <eugen@zeonfederated.com>
Date: Sat, 27 May 2017 00:53:25 +0200
Replace onboarding elephant with friendlier graphic, shorter animation (#3337)
on status fade-in, fix buttons not having pointer cursor
Diffstat:
3 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/app/javascript/images/elephant-friend-1.png b/app/javascript/images/elephant-friend-1.png
Binary files differ.
diff --git a/app/javascript/styles/basics.scss b/app/javascript/styles/basics.scss
@@ -47,10 +47,11 @@ body {
button {
font-family: inherit;
-}
+ cursor: pointer;
-button:focus {
- outline: none;
+ &:focus {
+ outline: none;
+ }
}
.app-holder {
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
@@ -561,7 +561,7 @@
}
opacity: 1;
- animation: fade 0.3s linear;
+ animation: fade 150ms linear;
&.status-direct {
background: lighten($ui-base-color, 8%);
@@ -3013,13 +3013,14 @@ button.icon-button.active i.fa-retweet {
.onboarding-modal__page-one {
display: flex;
+ align-items: center;
}
.onboarding-modal__page-one__elephant-friend {
- background: url('../images/elephant-friend.png') no-repeat center center / contain;
- width: 147px;
- height: 160px;
- margin-right: 10px;
+ background: url('../images/elephant-friend-1.png') no-repeat center center / contain;
+ width: 155px;
+ height: 193px;
+ margin-right: 15px;
}
@media screen and (max-width: 400px) {