me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source 
on status fade-in, fix buttons not having pointer cursor
This commit is contained in:
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

7
app/javascript/styles/basics.scss
View file

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

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