treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Replace onboarding elephant with friendlier graphic, shorter animation (#3337) 

on status fade-in, fix buttons not having pointer cursor
lolsob-rspec
Eugen Rochko 2017-05-27 00:53:25 +02:00 committed by GitHub
parent a72c7b01ec
commit c4e1274833
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/javascript/images/elephant-friend-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

5
app/javascript/styles/basics.scss
View File

@ -47,11 +47,12 @@ body {
button { button {
font-family: inherit; font-family: inherit;
} cursor: pointer;
button:focus { &:focus {
outline: none; outline: none;
} }
}
.app-holder { .app-holder {
display: flex; display: flex;

11
app/javascript/styles/components.scss
View File

@ -561,7 +561,7 @@
} }
opacity: 1; opacity: 1;
animation: fade 0.3s linear; animation: fade 150ms linear;
&.status-direct { &.status-direct {
background: lighten($ui-base-color, 8%); background: lighten($ui-base-color, 8%);
@ -3013,13 +3013,14 @@ button.icon-button.active i.fa-retweet {
.onboarding-modal__page-one { .onboarding-modal__page-one {
display: flex; display: flex;
align-items: center;
} }
.onboarding-modal__page-one__elephant-friend { .onboarding-modal__page-one__elephant-friend {
background: url('../images/elephant-friend.png') no-repeat center center / contain; background: url('../images/elephant-friend-1.png') no-repeat center center / contain;
width: 147px; width: 155px;
height: 160px; height: 193px;
margin-right: 10px; margin-right: 15px;
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {