about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-05-27 00:53:25 +0200
committerGitHub <noreply@github.com>2017-05-27 00:53:25 +0200
commitbd21afb5edf58a2ce93d0d61ac5ccbada5d857da (patch)
tree00babd7b93d17f58c1768988aac2c98f83678476 /app
parentef80ad17b3d1a2db96b200c07730e6e3545f1a1e (diff)
Replace onboarding elephant with friendlier graphic, shorter animation (#3337)
on status fade-in, fix buttons not having pointer cursor
Diffstat (limited to 'app')
-rw-r--r--app/javascript/images/elephant-friend-1.pngbin0 -> 144967 bytes
-rw-r--r--app/javascript/styles/basics.scss7
-rw-r--r--app/javascript/styles/components.scss11
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
new file mode 100644
index 000000000..2b2383330
--- /dev/null
+++ b/app/javascript/images/elephant-friend-1.png
Binary files differdiff --git a/app/javascript/styles/basics.scss b/app/javascript/styles/basics.scss
index e0dd9bdc5..70a5be367 100644
--- 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
index e821a2a05..a566e4a3c 100644
--- 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) {