Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

fix loading animation positionning

This commit is contained in:
Nicolas Constant 2019-08-10 15:00:47 -04:00
parent 235e81cccb
commit bf687ebb62
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/components/stream/user-profile/user-profile.component.html
View File

@ -180,19 +180,19 @@
</div> </div>
</div> </div>
<div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots">
no status found
</div>
<div *ngIf="statusSection === 'status'">
<div *ngFor="let statusWrapper of pinnedStatuses">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
</app-status>
</div>
</div>
<div [class.profile__status-switching-section]="isSwitchingSection"> <div [class.profile__status-switching-section]="isSwitchingSection">
<div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots">
no status found
</div>
<div *ngIf="statusSection === 'status' && !statusLoading">
<div *ngFor="let statusWrapper of pinnedStatuses">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
</app-status>
</div>
</div>
<div *ngFor="let statusWrapper of statuses"> <div *ngFor="let statusWrapper of statuses">
<div *ngIf="statusSection !== 'media'"> <div *ngIf="statusSection !== 'media'">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)" <app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"

10
src/app/components/stream/user-profile/user-profile.component.ts
View File

@ -323,7 +323,7 @@ export class UserProfileComponent implements OnInit {
isSwitchingSection: boolean; isSwitchingSection: boolean;
switchStatusSection(section: 'status' | 'replies' | 'media'): boolean { switchStatusSection(section: 'status' | 'replies' | 'media'): boolean {
this.isSwitchingSection = true; this.isSwitchingSection = true;
this.statusSection = section; this.statusSection = section;
this.statuses.length = 0; this.statuses.length = 0;
@ -355,6 +355,14 @@ export class UserProfileComponent implements OnInit {
this.isSwitchingSection = false; this.isSwitchingSection = false;
} }
if (this.showFloatingStatusMenu) {
setTimeout(() => {
var element = this.statustream.nativeElement as HTMLElement;
const menuPosition = element.scrollHeight - this.profilestatuses.nativeElement.offsetHeight - 30 - 29;
element.scrollTop = menuPosition;
}, 0);
}
return false; return false;
} }