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

[Glitch] Minor scrollable list fixes 

* Make sure loading indicator has enough vertical space
* Respect reduce_motion setting for loading indicator

Port 4ede51743e to glitch-soc
lolsob-rspec
Thibaut Girka 2018-12-17 21:32:27 +01:00 committed by ThibG
parent b19e5cf48d
commit d16638a116
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/account_gallery/index.js
View File

@ -107,7 +107,7 @@ export default class AccountGallery extends ImmutablePureComponent {
);
}
if (hasMore) {
if (hasMore && !(isLoading && medias.size === 0)) {
loadOlder = <LoadMore visible={!isLoading} onClick={this.handleLoadOlder} />;
}

15
app/javascript/flavours/glitch/styles/components/index.scss
View File

@ -606,6 +606,7 @@
&__append {
flex: 1 1 auto;
position: relative;
min-height: 120px;
}
}
@ -992,7 +993,6 @@
transform: translateX(-50%);
margin: 82px 0 0 50%;
white-space: nowrap;
animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
}
@ -1001,11 +1001,20 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
width: 42px;
height: 42px;
box-sizing: border-box;
background-color: transparent;
border: 0 solid lighten($ui-base-color, 26%);
border-width: 6px;
border-radius: 50%;
}
.no-reduce-motion .loading-indicator span {
animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.no-reduce-motion .loading-indicator__figure {
animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000);
}