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

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