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 {
font-family: inherit;
}
cursor: pointer;
button:focus {
&:focus {
outline: none;
}
}
.app-holder {
display: flex;

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

@ -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) {